(iview)根据权限table表格控制columns 的某列显示与隐藏（通用）_iview隐藏表格的某一列-程序员宅基地

技术标签： iview组件 iview根据权限table表格控制columns 的某列

iview根据权限table表格控制columns 的某列显示与隐藏（通用）

先给一个UI设计图：

1.需求描述

根据权限控制某列中显示与隐藏

2.使用场景

根据不同用户（普通用户，vip用户），展示对应的列

3.解决思路

将原来的columns copy一份，然后根据权限去让它过滤对应的列，就能返回最新的columns了

举个例子，代码如下

created() {
    userType(type) {
      // type: 1 普通用户   2 vip用户  如果是普通用户则不能看到 couponAbleNum 这一列。
      if (type == '1') { //此处判断不用用户类型是否有有对应的列权限
        this.columns = this.columns.filter(col => col.type !== 'couponAbleNum' )
      } else {
        this.columns = this.columnsCopy
      }
    }
  }

根据条件让：列1显示的时候列2隐藏，或者列2显示，列1隐藏；

做法如下：

//过滤掉，TCC 分区一列不显示，sc线路一列不显示
            handleColumns(){
                // console.log("historyColumns:",this.historyColumns);
                let userType = this.$store.state.user.serverNodeId.substring(4,8);
                // console.log("userType",userType);
                if( userType !== "ZZZZ"){
                    this.historyColumns = this.historyColumns.filter(col => col.key !== 'lineName' );
                }else{
                    this.historyColumns = this.historyColumns.filter(col => col.key !== 'areaName' )
                }
            }

mounted(){
 
          this.handleColumns();//过滤哪列隐藏
},

完工：

本文链接：https://blog.csdn.net/qq_41646249/article/details/103832000

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

如何用人工智能自动玩游戏_ai玩游戏-程序员宅基地

文章浏览阅读4.6w次，点赞90次，收藏394次。让AI玩游戏的思想早在上世纪就已经有了，那个时候更偏向棋类游戏。像是五子棋、象棋等。在上世纪“深蓝”就击败了国际象棋冠军，而到2016年“Alpha Go”击败了人类围棋冠军。到现在，AI涉略的不仅仅是棋类游戏。像是超级马里奥、王者荣耀这种游戏，AI也能有比较好的表现。今天我们就来用一个实际的例子讨论AI自动玩游戏这一话题，本文会用非常简单的机器学习算法让AI自动玩Google小恐龙游戏。_ai玩游戏

孙鑫视频VC++深入详解学习笔记 _shared/respool/resourceconsumer.cpp:645 gettableco-程序员宅基地

文章浏览阅读1.3k次。VC++深入详解学习笔记Lesson1: Windows程序运行原理及程序编写流程Lesson2: 掌握C++基本语法Lesson3: MFC框架程序剖析Lesson4: 简单绘图Lesson5: 文本编程Lesson6: 菜单编程Lesson7: 对话框编程Lesson9: 定制应用程序的外观Lesson10: 绘图控制Lesson11 图形的保存和重绘Lesso_shared/respool/resourceconsumer.cpp:645 gettableconsumergroupbyusername

Tengine安装配置_tengine环境配置-程序员宅基地

文章浏览阅读352次。Tengine安装在服务器mkdir /usr/localwget http://tengine.taobao.org/download/tengine-2.2.0.tar.gztar -zxvf tengine-2.2.0.tar.gz安装./configure && make && make install ##默认安装到/usr/local/nginx如果需要修改按照路径，则传 “–prefix=”..._tengine环境配置

ExtJS4.x动态加载js文件-程序员宅基地

文章浏览阅读400次。动态加载js文件是ext4.x的一个新特性，可以有效的减少浏览器的压力，提高渲染速度。如动态加载自定义组件1.在js/extjs/ux目录下，建立自定义组件的js文件.2.编写MyWindow.js文件Ext.define('js.extjs.ux.MyWindow'/*名称一定要与路径相对应*/,{ extend : 'Ext.win..._ext如何分布加载js文件

（四十五）多线程同步的实现方法有哪些_init是线程同步的方法吗-程序员宅基地

文章浏览阅读1.1k次。一、synchronized关键字https://blog.csdn.net/jiangshangchunjiezi/article/details/88118063此关键字修饰方法，当方法体规模很大时，会影响程序的执行效率，为了提高效率，出现了synchronized块二、wait（）方法与notify（）方法wait、notify使用：https://blog.csdn.net..._init是线程同步的方法吗

《精通ArcGIS Server 应用与开发》——2.4　ArcGIS Server的安装与配置-程序员宅基地

文章浏览阅读118次。本节书摘来自异步社区《精通ArcGIS Server 应用与开发》一书中的第2章，第2.4节,作者：何正国 , 杜娟 , 毛海亚更多章节内容可以访问云栖社区“异步社区”公众号查看。2.4　ArcGIS Server的安装与配置精通ArcGIS Server 应用与开发2.4.1 安装环境1．ArcGIS Server 10支持的平台Windows..._精通arcgis server 应用与开发

随便推点

Lidar AI Solution环境配置_lidar scn-程序员宅基地

文章浏览阅读4.2k次，点赞15次，收藏49次。Lidar_AI_Solution环境配置_lidar scn

一站直达！！！了解Linux信息收集操作_)使用两种方式在用户信息文件中查看此用户信息(只看此用户),把结果分别存放于-程序员宅基地

文章浏览阅读966次，点赞28次，收藏16次。Linux系统信息收集操作大全，收藏随时查看！！！！_)使用两种方式在用户信息文件中查看此用户信息(只看此用户),把结果分别存放于

Git，Github和Gitlab简介和基本使用_公司项目为何不直接在gitlab上建立-程序员宅基地

文章浏览阅读318次。什么是GitGit是一个版本控制系统（Version Control System，VCS）。版本控制是一种记录一个或若干文件内容变化，以便将来查阅特定版本修订情况的系统。多年前，我在法国做第一个实习时（2011年），那时候自己编程还在入门阶段，根本没听过版本控制系统。那时候真是蠢（现在也没好到哪里去），每次修改多一点的代码，就要复制、黏贴整个项目目录。因此，公司的电脑里有着几十个项目的副本（简直了）。前不久，我看到公司的一个实习生也在做和我多年前同样的事。而且我们问他，他说没听说过版本控制系统._公司项目为何不直接在gitlab上建立