a-table 控制列的展示和隐藏

一、业务场景:
最近在使用 Antd-vue 组件库的时候,a-table需要根据不同角色的权限显示和隐藏 columns的列
为了避免大家走弯路,为大家整理了一下,粘走可以直接用的那种
二、具体实现步骤:
1.在需要显示与隐藏的列增加一个类名,通过CSS来实现

tabkeColumns: [{title: '风险标签',dataIndex: 'riskLabel',key: 'riskLabel',// 如果是总行管理员才显示 风险标签 这一列className: this.$store.state.menus.userType == '1' ? 'tableShow' : 'tableHiddle',},

2.添加样式

<style>
.tableHiddle {display: none;
}
.tableShow{display: block;
}
</style>

四、效果展示:
在这里插入图片描述

你已经成功了,撒花。
今天的分享到此结束,欢迎小伙伴们一起交流

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/831462.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Git客户端(TortoiseGit)使用详解

1.概述 使用TortoiseGit比直接使用git 客户端和命令实现代码版本管理更为方便&#xff0c;本文根据实际使用情况作一些记录&#xff0c;特别是对于解决冲突的处理。 2.Git安装与配置 下载 Git - Downloads&#xff0c; 可参考Git安装步骤完成Git的安装与配置。 3.TortoiseG…

python学习笔记B-20:序列实战--处理千年虫

将2位数表达的年份&#xff0c;转换为用4位数表达&#xff1a; print("将列表中的2位数年份转换为4位数年份") lst[88,89,90,00,99] print(lst) for index in range(len(lst)):if len(str(lst[index]))2:lst[index] 1900int(lst[index])elif len(str(lst[index]))1…

收单外包机构备案情况分析,广东备案机构遥遥领先

孟凡富 4月30日&#xff0c;中国支付清算协会公示了最新一批收单外包服务备案机构&#xff0c;较上期增加了689家。其中&#xff0c;新增聚合支付技术服务备案机构达6家。截至4月末&#xff0c;备案的收单外包服务机构总数为27714家&#xff0c;同时取消了330家机构的备案资格&…

学习,工作与生活,怎么平衡?

今晚夜景很美&#xff0c;我在校园里转了转...... 不知道大家有没有过这样的体验&#xff1a;在放假之前&#xff0c;愿望总是挺美好的&#xff0c;“原本想看看书给自己充充电&#xff0c;但是&#xff0c;当翻开书之后&#xff0c;很快就开始走神、犯困&#xff0c;甚至坐立…

spring-security 学习笔记一 --- 基于默认配置

1.前言 本文主要讲解 spring-security 在不做任何配置情况下&#xff0c;它的启动流程和认证过程。 1. 准备工作 这里是基于springboot 2.2.5版本对应 spring-security 5.2.2版本演示的 &#xff08;按我下面导入即可&#xff0c;版本是它自己匹配的&#xff09; 引入依赖 &…

SpringBoot项目配置SpringDataRedis

1 在SpringBoot中常规的配置 <dependency><!--自带lettcute客户端--><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-redis</artifactId></dependency><dependency><groupId>org.ap…

SpringBoot-@Transactional注解失效

Transactional注解失效 Transactional失效场景 以下是一些常见导致Transactional注解失效的场景&#xff0c;配合相应的Java代码演示&#xff1a; 1、方法修饰符非公开&#xff08;非public&#xff09; Transactional注解失效的原因在于Spring事务管理器如何实现对事务的代…

【跟马少平老师学AI】-【神经网络是怎么实现的】(七-2)word2vec模型

一句话归纳&#xff1a; 1&#xff09;CBOW模型&#xff1a; 2c个向量是相加&#xff0c;而不是拼接。 2&#xff09;CBOW模型中的哈夫曼树&#xff1a; 从root开始&#xff0c;向左为1&#xff0c;向右为0。叶子结点对应词有中的一个词。每个词对应唯一的编码。词编码不等长。…

Redis基本數據結構 ― String

Redis基本數據結構 ― String 介紹常用命令範例1. 為字串鍵設值/取得字串鍵的值2. 查看字串鍵的過期時間3. 如何為key設置時間?4. 如何刪除指定key?5. 如何增加value的值?6. 獲取value值的長度 介紹 字串鍵是Redis中最基本的鍵值對類型&#xff0c;這種類型的鍵值對會在數據…

什么是Vuex它的作用是什么怎么用

Vuex是一个专门为Vue.js应用程序开发的状态管理模式。你可以将其想象为一个“前端数据库”或数据仓库&#xff0c;用于管理前端项目的变量。它的核心是一个store&#xff08;仓库&#xff09;&#xff0c;这个仓库基本上是一个容器&#xff0c;包含了应用中大部分的状态&#x…

Spring - 10 ( 9000 字 Spring 入门级教程 )

一&#xff1a;MyBatis 进阶 动态 SQL 是 Mybatis 的强大特性之⼀&#xff0c;能够完成不同条件下不同的 sql 拼接。 1.1 if 标签 在注册用户的时候&#xff0c;可能会有这样⼀个问题&#xff0c;如下图所示&#xff1a; 注册分为两种字段&#xff1a;必填字段和非必填字段&…

acwing算法提高之数学知识--同余和矩阵乘法

目录 1 介绍2 训练 1 介绍 本博客用来记录同余和矩阵乘法相关的题目。 2 训练 题目1&#xff1a;203同余方程 C代码如下&#xff0c; #include <iostream> #include <algorithm> #include <cstring>using namespace std;typedef long long LL;int exgcd…

Vue ui 创建vue项目,详细使用攻略。

1.安装及启动 1.1 Vue ui 使用前提是全局安装vue.js 命令如下 npm install vue -g 1.2 安装过Vue.js 之后 随便在自己系统的一个地方打开命令面板 1.3 使用命令启动vue ui面板创建项目 vue ui 如图运行后显示这种就是启动成功&#xff0c;成功之后会弹出页面或者直接访问你的…

汇编语言-内中断

概念&#xff1a; 任何一个通用 CPU 都具备一种能力, 可以在执行完当前正在执行的指令之后, 检测到从 CPU 外部发送过来的或者内部产生的一种特殊信息, 并且可以立即对所接受到的信息进行处理&#xff0c;这种特殊的信息称为&#xff1a; 中断信息 中断意味着 CPU 不再继续…

opencv invert函数

在OpenCV中&#xff0c;cv::invert函数用于计算矩阵的逆。它的语法如下&#xff1a; bool cv::invert(InputArray src, OutputArray dst, int flagsDECOMP_LU)其中&#xff1a; src 是输入矩阵&#xff08;2x2或者NxN&#xff09;。dst 是输出矩阵&#xff0c;即计算得到的逆…

伦敦金的交易时间段都适合投资吗?

是所有的交易时间段都适合投资。首先&#xff0c;让我们了解伦敦金的交易时间。伦敦金市场的交易时间分为两个主要时段&#xff1a;亚洲盘和欧美盘。亚洲盘通常在北京时间早晨6点至下午5点半左右&#xff0c;而欧美盘则从北京时间晚上8点半开始&#xff0c;一直到次日早晨4点半…

什么是gcc-arm-linux-gnueabihf?

2024年5月3日&#xff0c;周五晚上 gcc-arm-linux-gnueabihf 是针对 ARM 架构&#xff08;ARMv7 和 ARMv8&#xff09;的 Linux 系统开发的 GNU C/C 编译器套件&#xff0c;可以在 x86 或 x86_64 架构的主机上使用&#xff0c;用于交叉编译 ARM Linux 应用程序和库。 gcc-arm-…

痉挛性斜颈患者早上运动还是下午运动更合适?选对了让治疗更简单!【北京仁爱堂】

对于痉挛性斜颈患者来说&#xff0c;选择合适的运动时间对于治疗的效果和舒适度至关重要。那么&#xff0c;痉挛性斜颈患者早上运动还是下午运动更合适呢&#xff1f;本文将从多个角度对此进行分析&#xff0c;帮助患者找到最适合自己的运动时间。 首先&#xff0c;我们需要了…

python学习笔记----文件操作(八)

一、 open() 函数 在 Python 中&#xff0c;处理文件包括读取和写入操作&#xff0c;是通过使用内置的 open() 函数来实现的。 语法&#xff1a; open(file, mode"r", encoding"utf-8") file: 文件路径。mode: 文件打开模式&#xff1a; ‘r’&#xff…

特征提取(Feature Extraction)常见统计特征笔记(三)

统计特征是描述数据集中值的一组量&#xff0c;通常用于了解数据的分布、集中趋势和变异程度。常见的统计特征包括均值、中位数、众数、标准差、方差等。下面会详细解释每个统计特征&#xff0c;并给出相应的Python代码。 1、均值&#xff08;Mean&#xff09;&#xff1a;所有…