element-ui禁用指定行

在Element UI的表格组件（<el-table>）中，如果你想禁用指定行，可以使用row-class-name这个属性。你可以根据你的数据来判断某一行是否应该被禁用，然后返回一个特定的类名。

以下是一个简单的例子，展示了如何使用row-class-name来禁用指定行：

<template>
  <el-table
    :data="tableData"
    style="width: 100%"
    :row-class-name="tableRowClassName">
    <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
      prop="address"
      label="地址">
    </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 弄',
        disabled: true // 这一行用来标记是否禁用
      }]
    }
  },
  methods: {
    tableRowClassName({row, rowIndex}) {
      if (row.disabled) {
        return 'row-disabled';
      }
    }
  }
}
</script>
 
<style>
/* 这里的样式是禁用行的外观，你可以根据需要自定义 */
.el-table .row-disabled {
  background-color: #f2f2f2 !important;
  color: #ccc !important;
  cursor: not-allowed !important;
}
</style>

在这个例子中，我们定义了一个tableRowClassName方法，它接受一个对象{row, rowIndex}，其中row代表当前行的数据。我们检查row对象中是否有disabled属性，如果有，并且其值为true，则返回'row-disabled'这个类名。在<style>标签中定义了.row-disabled类，它将会应用于被禁用的行。

请注意，Element UI的表格行禁用并不是通过设置disabled属性实现的，而是通过添加一个自定义的类来改变其样式，使其看起来是禁用的。如果你需要防止用户对禁用的行进行某些行为（例如点击事件），你还需要额外添加JavaScript代码来处理这些行为。