vue 后台管理,按钮权限

场景:

vue + antdesign组件写的后台管理项目 ,表格内的按钮权限

img

问题:

用vue自定义指令做的按钮权限,没有按钮权限时,table列显示空白,看着不太友好

img

有权限时是这样的

img

第一次解决方案是显示按钮,点击操作时提示 '没有权限',被否决了,因为说没有权限就不应该显示此按钮
求解:如何友好展示当前状态值,可以用文字或者其他形式

直接给开关通过权限是否禁用

没权限分两种。没权限看和没权限操作,没权限看就把该列都隐藏了。没权限操作就还显示,不让操作!就这样

没有权限就隐藏这一列