vue3 element-plus 根据表格多选状态 禁用 按钮

• element-table中的钩子函数selectino-change 可以获取表格的数据状态

<el-table :data="tableData.data" @selection-change="selectionChange">

• 触发相应操作

 const selectionChange=(selection:any)=>{
      if(selection.length>0)isDisable.value=false
      else isDisable.value=true
    }

• 按钮的禁用状态由isDisable变量 响应式决定

<el-button @click="onDeleteAll" :disabled="isDisable">
          批量删除
 </el-button>

<script setup>
 let isDisable=ref(true)
</script >