使用 iview Table 表格组件修改操作的显示隐藏

时间:2021-04-08 06:34:50

使用 iview Table 表格组件修改操作的显示隐藏,如下图

1.如何设置 table 操作按后台传入的状态值去渲染 不同的按钮?

使用 iview Table 表格组件修改操作的显示隐藏

解决方法

我们在vue2中,动态渲染html 使用的是 return函数,所以很简单,在style属性中添加一个display属性,

然后用三目运算判断后台传入的状态值,做出相应的改变就行了,如下图

使用 iview Table 表格组件修改操作的显示隐藏

备注: params.row.status是后台给的我状态值,如果等于 1 这个按钮显示,否则隐藏,希望对你有帮助