首页 > 其他 > 详细

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

时间:2021-08-13 17:08:16      阅读:27      评论:0      收藏:0      [点我收藏+]

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 的某列显示与隐藏(通用)

原文:https://www.cnblogs.com/xiadongqing/p/15136983.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!