element ui - 如何控制el-table某一行数据不显示

在Element UI中，如果你想控制`el-table`表格中的某一行数据不显示，你可以通过Vue的数据绑定和条件渲染来实现。假设你的表格数据存储在一个数组`tableData`中，每个对象都有`visible`属性来表示是否需要显示。

首先，在表格组件的模板里，遍历`tableData`：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <!-- 其他列... -->
    <el-table-row v-for="(item, index) in tableData" :key="index">
      <el-table-cell v-if="item.visible">{{ item.name }}</el-table-cell>
    </el-table-row>
  </el-table>
</template>

然后在你的Vue实例中，当你想要隐藏某个表行时，只需要更新对应数据项的`visible`值即可：

export default {
  data() {
    return {
      tableData: [
        { name: '张三', visible: true },
        { name: '李四', visible: false }, // 这行会被隐藏
        { name: '王五', visible: true }
      ]
    };
  },
  methods: {
    toggleRowVisibility(index) {
      this.tableData[index].visible = !this.tableData[index].visible;
    }
  } // ...其他方法
}

在这个例子中，如果你调用`toggleRowVisibility(1)`，就会切换第2条记录的可见状态。