网站后台模板怎样使用,设计工作室 网站,网站平台开发与应用面试,手机网站 滑动翻页今天使用若依跟往常一样使用v-hasPermi 自定义指令的时候发现这个指令失效了#xff0c;原因是和v-if指令一块使用#xff0c;具体代码如下#xff1a;
el-buttonsizeminitypetexticonel-icon-edit-outlinev-hasPermi[evalu…今天使用若依跟往常一样使用v-hasPermi 自定义指令的时候发现这个指令失效了原因是和v-if指令一块使用具体代码如下
el-buttonsizeminitypetexticonel-icon-edit-outlinev-hasPermi[evaluation:user:his]v-ifscope.row.approveStatus 2clickhandleHis(scope.row)评分记录/el-button这个其实平常也是这么用的但是今天突然发现有问题刚开始以为是v-hasPermi失效了然后debug了一下发现其实v-hasPermi指令是生效的已经移除el-button标签但是此时有符合v-if所以该按钮有显示出来了…
解决方案一
把v-if替换为v-show
el-buttonsizeminitypetexticonel-icon-edit-outlinev-hasPermi[evaluation:user:his]v-showscope.row.approveStatus 2clickhandleHis(scope.row)评分记录/el-button解决方案二
使用全局判断checkPermi([])函数做逻辑与操作。
el-buttonsizeminitypetexticonel-icon-edit-outlinev-ifscope.row.approveStatus 2 checkPermi([evaluation:user:his])clickhandleHis(scope.row)评分记录/el-button