直播app开发，复选框选中所在的行，右侧按钮禁掉

<template><br><!-- <br>   el-table中复选框，当复选框选中所在的行，name该行对应的操作按钮，要禁掉（不可点击）<br>   单选采用的方法：当点击选中所在的行，row中会有isDisabled属性<br>   全选： 因为selectAll 没有row参数，所以给选中的item,添加一个isDisabled属性<br> --><br>  <div><br>    <el-table<br>      :data="submitList"<br>      v-model="check2"<br>      @select="select"<br>      @select-all="selectAll"<br>    ><br>      <el-table-column type="selection" width="50"></el-table-column><br>      <el-table-column prop="name" label="文件名" width="200"></el-table-column><br>      <el-table-column prop="" label="类型" width="200" align="center"><br>        <template scope="scope"><br>          <el-button :style="{'pointer-events': scope.row.isDisabled ? 'none': 'visiblePainted'}"<br>            @click="btn">按钮</el-button<br>          ><br>        </template><br>      </el-table-column><br>    </el-table><br>  </div><br></template><br><script><br>export default {<br>  data() {<br>    return {<br>      submitList: [{ name: "1111" }, { name: "2222" }, { name: "3333" }],<br>      check2: "",<br>    };<br>  },<br>  methods: {<br>    //  点击选中复选框，触发的事件<br>    select(selection, row) {<br>      const selected = selection.length && selection.indexOf(row) !== -1;<br>      if (selected) {<br>      row.isDisabled = true // 使用点击后，所在的row上，有isDisabled属性操作<br>    } else {<br>      row.isDisabled = false<br>    }<br>    },<br>    // 点击全选按钮，操作按钮禁用处理<br>    // 因为selectAll拿不到row，所以采用给选中的item,添加一个isDisabled属性<br>  selectAll(selection) {<br>    if (selection.length > 0) {<br>      selection.forEach(select => {<br>        select.isDisabled = true<br>      })<br>    } else {<br>      this.tableData.forEach(select => {<br>        select.isDisabled = false<br>      })<br>    }<br>  },<br>    btn(){<br>      console.log('按钮的点击事件')<br>    }<br>  },<br>};<br></script>