elementUI表格勾选框如何隐藏部分勾选框

Element UI是一个基于Vue 2.0的桌面端组件库，它提供了一套完整的组件来帮助开发者快速搭建优雅的页面。在Element UI的表格组件中，如果你想要隐藏某些行的勾选框，可以通过自定义列模板的方式来实现。

这里有一个简单的例子来说明如何隐藏部分勾选框：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column type="selection" width="55"></el-table-column>
    <el-table-column prop="date" label="日期" width="180"></el-table-column>
    <el-table-column prop="name" label="姓名" width="180"></el-table-column>
    <!-- 自定义列模板，用于显示勾选框 -->
    <el-table-column label="操作">
      <template slot-scope="scope">
        <!-- 判断当前行是否需要显示勾选框 -->
        <el-checkbox v-if="showCheck(scope.$index)" v-model="scope.row.checked"></el-checkbox>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '张小刚',
        address: '上海市普陀区金沙江路 1517 弄'
      }, {
        date: '2016-05-01',
        name: '李小红',
        address: '上海市普陀区金沙江路 1519 弄'
      }]
    }
  },
  methods: {
    // 根据条件判断是否显示勾选框
    showCheck(index) {
      // 这里可以根据实际需求返回true或false
      // 例如，我们可以决定每隔一行显示一个勾选框
      return index % 2 === 0;
    }
  }
}
</script>

在上面的代码中，我们通过`<el-table-column>`的自定义模板`slot-scope="scope"`来控制勾选框的显示。`showCheck`方法用于决定是否显示某一行的勾选框。这里以简单的方式举例，实际应用中你可以根据实际的数据条件来决定是否显示。