vue+element 搭建后台小总结动态改变button中的状态

叁歲伎倆 2023-10-10 09:26 4阅读 0赞

### 功能：点击单行的button 改变其状态 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODQwNDg5OQ_size_16_color_FFFFFF_t_70][]

**代码部分：**

**判断表格中scope.row.status和identity的状态 来设置不同的可见的button**

<el-table-column
             prop="customerName"
             label="操作"
             min-width="80"
             align="center"
             fixed="right"
              >
             <template slot-scope="scope">
                 <el-button v-if="scope.row.status=='正常'&& scope.row.identity=='成员'" type="primary" size="medium"  @click="Shutup_this(scope.$index, scope.row)">禁言</el-button>
                 <el-button v-else-if="scope.row.status=='黑名单' && scope.row.identity=='成员'"  type="primary" size="medium"  @click="cancel_Blacklist(scope.$index, scope.row)">取消黑名单</el-button>
                 <el-button v-else-if="scope.row.status=='禁言' && scope.row.identity=='成员'" type="primary" size="medium"  @click="cancel_Shutup(scope.$index, scope.row)">取消禁言</el-button>
             </template>
    </el-table-column>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODQwNDg5OQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190924155020289.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODQwNDg5OQ==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，4人围观）

还没有评论，来说两句吧...

相关阅读

相关后台搭建整体思路

Web后台环境的搭建： Centos 6.5 及以上系统环境（参考centos安装文档） Nginx安装服务器安装（参考nginx安装文档） Php安装（参考php安

梦里梦外;/ 2023年10月18日 13:38/ 0 赞/ 115 阅读

相关 vue+element 搭建后台小总结 el-dropdown下拉功能

功能：点击el-dropdown 下拉下拉的数据从后台获取遍历到界面上且多个el-dropdown下拉共用一个 @command 事件 @command="ha

淡淡的烟草味﹌/ 2023年10月11日 12:28/ 0 赞/ 3 阅读

相关 vue+element 搭建后台小总结动态改变button中的状态

功能：点击单行的button 改变其状态 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9i

叁歲伎倆/ 2023年10月10日 09:26/ 0 赞/ 5 阅读

相关 bootstrap editable 动态改变列的编辑状态

bootstrap editable 动态改变列的编辑状态 //获取标题为name的列th的索引 var index_th= $('table th[data

待我称王封你为后i/ 2022年08月21日 07:49/ 0 赞/ 377 阅读

相关 ionic状态改变时动态（强制）刷新页面

$state.go(stateName,params,config);使用这个方法调到某个状态后，有时需要强制刷新当前页面，使其向后台发起请求，获取最新数据。 1.

ゝ一世哀愁。/ 2022年08月18日 13:17/ 0 赞/ 252 阅读

相关 [android] ListView 选中状态的动态改变

ListView 选中状态时改变背景，可以标识当前选中的是哪一个元素，在继承 BaseAdapter 的类里实现。 1.MainActivity.java 里的相

曾经终败给现在/ 2022年08月10日 18:30/ 0 赞/ 241 阅读

相关 MFC获取Check Box/Radio button按钮状态的方法,和改变改变其按钮状态的方法有

获取Check Box按钮状态的方法有： 1.调用自身控制变量获取GetState()函数获取,根据返回值判断1表示选中0表示未选中 2.::SendMessage(che

秒速五厘米/ 2022年06月01日 03:49/ 0 赞/ 737 阅读

相关「小程序JAVA实战」springboot的后台搭建（30）

转自：https://idig8.com/2018/08/27/xiaochengxujavashizhanspringbootdehoutaidajian30/ > 做了多

古城微笑少年丶/ 2022年01月12日 07:15/ 0 赞/ 62 阅读

相关 UWP 改变Button样式

\-----some words------ 1.Control：控制（我们理解成控件） 2.Template：模板 3.Ellipse 椭圆 4.Content 内

我不是女神ヾ/ 2022年01月10日 17:21/ 0 赞/ 409 阅读

相关 Vue搭建后台项目

1、当项目逐渐变大之后，文件与文件直接的引用关系会很复杂，这时候就需要使用alias了。 //webpack.base.config.js alias: {

朱雀/ 2021年03月22日 13:38/ 0 赞/ 772 阅读