vue (iview)根据权限控制columns 的某列显示与隐藏(通用)

摘要:
1.需求描述根据权限控制列的显示和隐藏。2.使用场景根据不同的用户(普通用户、vip用户)过滤相应的列,然后返回最新的列。例如,代码是创建的(){userType(type){//type:if(type=='1'){//在这里,您可以判断不同的用户类型是否具有相应的列权限this.columns=this.columns。filter(col=>

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
      }
    }
  }



免责声明:文章转载自《vue (iview)根据权限控制columns 的某列显示与隐藏(通用)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇uniapp路由插件使用爬坑java 小时时间就近取整下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Apache Spark2.0正式发布

Apache Spark2.0正式发布7月26日起Databricks开始提供Apache Spark 2.0的下载,这个版本是基于社区在过去两年的经验总结而成,不但加入了用户喜爱的功能,也修复了之前的痛点。 本文总结了Spark 2.0的三大主题:更简单、更快速、更智能,另有Spark 2.0内容的文章汇总介绍了更多细节。 两个月前,Databricks...

user-select 用户禁止选中

  我们在页面输入的文本按理来说应该都是可以选中的,但是如何才能让显示出来的文本或是图片不被选中呢,这时候就需要用到 user-select 属性。 user-select user-select (CSS属性),控制着用户能否选中文本。除了在文本框中,在 Chrome浏览器中对已经加载的文本没有影响。 一、语法: user-select:none / t...

性能测试--运行时间设置和迭代次数区别

等理解了这两个概念后,想想也挺容易理解,之前一直被这个困惑。     “运行时间设置”的时间是 LR会持续连续运行脚本的时间,运行次数可以在LR中查看。     “迭代次数设置”的次数 就是以脚本为主,设置了多少次,脚本就会运行多少次;此时运行时间一般设置为运行完成。      如果同时设置迭代次数和持续时间, 那么当时间结束后, 不管迭代次数是否已经到达...

Visual Studio中你所不知道的智能感知

在Visual Studio中的智能感知,相信大家都用过。summary,param,returns这几个相信很多人都用过的吧。那么field,value等等这些呢。 首先在Visual Studio中支持的JavaScript智能感知有以下6种 summary 用于方法和主体内容 param 用于方法的参数 field 用于类的属性 va...

HP11.31安装11.2.0.3实施手册

1 前言 此文档详细描述了Oracle 11gR2 数据库在HP11.31上的安装RAC的检查及安装步骤。文档中#表示root用户执行,$表示grid或oracle用户执行。 2 系统环境 操作系统环境 说明项 节点1 节点2 硬件型号 ia64 hp Integrity BL860c i2 ia64 hp Integrity BL860c i2...

plsql 建表空间

本文介绍使用plsql创建表空间和用户的方法。 方法/步骤              密码是ruc                             2、登陆成功后在界面的头部可以看到一下信息,最上面的system@ORCL就表示是用户system在登录状态,其中菜单栏的session可以登录、退出 3、然后在下面的列表中找到USER,然后右...