element-ui table表格使用checkbox实现单选效果

查看更多资源

1.案例说明：

    vue项目中，使用element-ui，要求实现table的单选。

2. 案例图示：

3.案例代码

<script>
export default {
    data() {
      return {
        checkList:[],
      }
    },
    methods: {
      checkBoxChange(val) { // 控制 单选
        if(this.checkList.indexOf(val) > -1){
          this.checkList = [];
          this.checkList.push(val);
        }
    },
}
</script>
<style lang="scss">
.table-simple-checkbox{ // 隐藏 1
  .el-checkbox__label{
    display: none;
  }
}
</style>