vue elementyUI table:点击一行时选中对应的复选框

<el-table v-loading="memlistLoading" :data="lists" size="small" element-loading-text="正在查询中。。。" border fit highlight-current-row style="white-space: pre-line"
@row-click="clickRow" ref="tb" @selection-change="changeFun" >

 

methods: {
    clickRow(row){//单击行选中前面复选框
      this.$refs.tb.toggleRowSelection(row);
    },

    changeFun(val) {//选中复选框操作
      let userIds = [];
      val.forEach(
        function(v){
          userIds.push(v.id);
        }
      );
      let string = ''
      userIds.map(item=>{
        string+= item+ ','
      })
      // 判断截取最后一个逗号
      if (string.length > 0) {
        string = string.substr(0, string.length - 1)
      }
      this.dataForm.userId = string;
    }
}

 

 

 /*  在<el-table>标签中绑定
   @row-click="clickRow" 单击事件 和 ref="tb"属性
   然后再单击事件的方法中，写
   this.$refs.tb.toggleRowSelection(row)
 */