vue2 elementui table 操作栏 处置按钮 根据角色及状态进行显示隐藏

你可以在表格的列定义中，使用 `scoped slot` 来自定义操作栏的内容，然后根据当前用户的角色和状态来决定按钮的显示和隐藏。

例如，假设你有一个名为 `columns` 的数组来定义表格的列，其中包含一个名为 `操作` 的列，你可以这样定义它：

columns: [
  // 其他列定义...
  {
    label: '操作',
    align: 'center',
    width: 200,
    scopedSlots: {
      default: ({ row }) => {
        const { status, role } = row
        const canDispose = status === '待处置' && role === '管理员'
        const canView = status !== '已删除'
        return (
          <div>
            {canDispose && (
              <el-button type="primary" size="small" onClick={() => handleDispose(row)}>处置</el-button>
            )}
            {canView && (
              <el-button type="text" size="small" onClick={() => handleView(row)}>查看</el-button>
            )}
          </div>
        )
      }
    }
  }
]

在上面的代码中，我们使用了 `scoped slot` 来自定义操作栏的内容，并根据当前行的状态和角色来决定按钮的显示和隐藏。具体来说，我们定义了两个变量 `canDispose` 和 `canView`，分别表示当前行是否可以进行处置和查看操作。如果可以，就渲染对应的按钮，否则就不渲染。

需要注意的是，这里我们使用了 `JSX` 语法来渲染按钮，因此需要在组件中导入 `Vue` 和 `ElementUI` 的相关组件。另外，我们还定义了两个处理函数 `handleDispose` 和 `handleView`，用于处理用户点击按钮的事件。你需要根据实际情况来实现这些函数。