element-ui table实现单选

element-ui table实现单选

话不多说直接上代码

/* 清掉头部的全选 */
#zhou>>>thead .el-table-column--selection .cell{
  display: none;
}

handleSelectionChange(val) {
      // console.log(val)
      // @selection-change="handleSelectionChange"绑定的方法
      if (val.length > 1) {
      //取出最后val的最后一个返回出来
        var duoxuans=val.pop();
       this.duoxuan=val.pop();
      //清除所有选中
        this.$refs.moviesTable.clearSelection()
        //给最后一个加上选中
        this.$refs.moviesTable.toggleRowSelection(duoxuans)
        // console.log(this.duoxuan);
      } else {
        this.duoxuan=val;
        }
        
        //console.log(this.duoxuan)
        
    },

//我自己的加上了点击任何地方都选中,这个如果没写那个clickRow事件可以不用
 clickRow(row) {
    //  var c=row
    //  console.log(c)
    this.$refs.moviesTable.clearSelection()
    this.$refs.moviesTable.toggleRowSelection(row)
    }