elementUIVue怎么实现单个按钮显示和隐藏的变换功能

本篇内容主要讲解“elementUI Vue怎么实现单个按钮显示和隐藏的变换功能”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“elementUI Vue怎么实现单个按钮显示和隐藏的变换功能”吧!

创新互联基于成都重庆香港及美国等地区分布式IDC机房数据中心构建的电信大带宽，联通大带宽，移动大带宽，多线BGP大带宽租用,是为众多客户提供专业服务器托管报价，主机托管价格性价比高，为金融证券行业成都服务器托管，ai人工智能服务器托管提供bgp线路100M独享，G口带宽及机柜租用的专业成都idc公司。

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

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

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

具体代码如下:

 
 
 
 
  
   {{scope.row.status=='显示'?'隐藏':'显示'}}
  
  编辑
  
 
 

也可以用第二种方法:

 
 
 
 
  隐藏
  显示
  编辑
  
 
 

到此，相信大家对“elementUI Vue怎么实现单个按钮显示和隐藏的变换功能”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！