vue+element中,根据状态的不同,表格中操作行按钮的显示隐藏问题

xumenger 发布于2019-08-23 17:59 / 1604人阅读

摘要：后台管理系统中需要做出如下的功能根据状态的不同表格中操作行按钮显示不同当前行结构如下操作催办转安装单撤单转派中的数据显示按钮催办显示按钮转安装单显示按钮撤单显示按钮转派获取列表数据当前行的值在数组存在就显示当前按

后台管理系统中需要做出如下的功能,根据状态的不同,表格中操作行按钮显示不同

当前行结构如下:

data中的数据

      showList1: [0,1],          //  显示按钮1  催办
      showList2: [0,2],          //  显示按钮2  转安装单
      showList3: [0,1,2,5],      //  显示按钮3  撤单
      showList4: [0,1,2,4],      //  显示按钮4  转派
      
      //获取列表数据,当前行scope.row.state的值在数组showList1存在,就显示当前按钮,
      //当每次点击按钮不同时,就会发送请求时,并把状态发送过去,从而改变按钮的状态
      v-if="showList1.indexOf(scope.row.state) != -1"

GPU云服务器云服务器 java中按钮的编程 linux中显示行数服务器中的按钮在php中按钮的设置

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/104487.html

开发中遇到的问题总结

摘要：获取字符串中出现次数最多的字符。去掉字符串中的所有空格中对象数组按对象属性排序 VUE 1、vue——解决You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

wenshi11019 2019-08-23 16:03 评论0 收藏0
开发中遇到的问题总结

摘要：获取字符串中出现次数最多的字符。去掉字符串中的所有空格中对象数组按对象属性排序 VUE 1、vue——解决You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

Yuqi 2019-08-30 15:56 评论0 收藏0
vue+element表格中模态框的使用(解构赋值)

摘要：中定义方法解构赋值使用方法在函数中传入两个数组第一个数组中的每一项一一对应等于第二个数组的每一项例如张三得到张三表格中的内容操作催办中的数据当前操作行模态框控制显示隐藏点击催办按钮调用函数传入两个数组得到让模态框显示并把当前 main.js中定义方法 /**解构赋值 * @param {*} arr1 key * @param {*} arr2 value*/ Vue.pro...

phoenixsky 2019-08-23 18:19 评论0 收藏0
webpack+vue项目实战（四，前端与后端的数据交互和前端展示数据）

摘要：简单点说呢，就是与后端的数据交互和怎么把数据展示出来，用到的资源主要是和，其它参考插件使用。当时，加载中的提示就会出现。后端返回的数据如上图，并不是所有的字段都是可以进行搜索的字段。 1.前言今天要做的，就是在上一篇文章的基础上，进行功能页面的开发。简单点说呢，就是与后端的数据交互和怎么把数据展示出来，用到的资源主要是element-ui和vue-resource，其它参考（vue-...

Yumenokanata 2019-08-20 17:47 评论0 收藏0