elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)

在做后台管理系统中遇到一个需求,点击一个按钮可以变换里面字的内容

当状态为显示的时候,该行第一个按钮为隐藏;

当状态为隐藏的时候,该行第一个按钮为显示;

具体代码如下:

rush:js;"> cope="scope"> display(scope.$index,scope.row)"> {{scope.row.status=='显示'?'隐藏':'显示'}} cope.$index,scope.row)">编辑

也可以用第二种方法:

rush:js;"> cope="scope"> cope.row.status=='显示'" size="mini" type="warning" @click="handleIsdisplay(scope.$index,scope.row)">隐藏 cope.row.status=='隐藏'" size="mini" type="warning" @click="handleIsdisplay(scope.$index,scope.row)">显示 cope.$index,scope.row)">删除 -->

总结

以上所述是小编给大家介绍的elementUI Vue 单个按钮显示和隐藏的变换功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。