26.自动触发按钮事件

场景

vue3+element，表格中操作列显示文本按钮，根据每行的数据判断是否自动弹出弹框

实现

<el-button
  id="select-template-btn"
  ref="buttonRef"
  link
  type="primary"
  @click="handleSelectTemplate(row, $index)"
>
  审核
</el-button>


const buttonRef = ref(null)

watch(
  () => buttonRef.value,
  () => {
    // console.log('buttonRef', buttonRef.value)
    if (!buttonRef.value) return
    // 根据表格第一行的数据判断是否自动弹出弹框
    if (tableData.value[0]?.type !== 0 && tableData.value[0]?.type !== 1) {
      document.getElementById('select-template-btn')?.click()
    }
  },
  {
    immediate: true
  }
)