雪亮工程建设网站界面,htaccess wordpress,视觉传播设计与制作专业,免费模板下载个人简历一、业务场景#xff1a; 最近在使用 Antd-vue 组件库的时候#xff0c;a-table需要根据不同角色的权限显示和隐藏 columns的列 为了避免大家走弯路#xff0c;为大家整理了一下#xff0c;粘走可以直接用的那种 二、具体实现步骤#xff1a; 1.在需要显示与隐藏的列增加一…一、业务场景 最近在使用 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四、效果展示
你已经成功了撒花。 今天的分享到此结束欢迎小伙伴们一起交流
