v-hasPermi 在 动态切换数据 不生效

1.因为使用v-if 导致 元素是彻底消失
2.所以在数据切换的时候 权限值 会不保留
3.有 v-hasPermi这个 的情况下 将 v-if 换成 v-show

   <el-button v-show="scope.row.invoiceStatus == '02'" v-hasPermi="['collection:invoice:negative']" type="text" typeC="warning" @click="handleNegativeInvoice(scope.row)">负数发票</el-button>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • 再读 Vue.js 文档
    主要还是自己看的，所有内容来自官方文档。 介绍 Vue.js 是什么 Vue (读音 /vjuː/，类似于 vie...
    Leonzai阅读 3,565评论 0赞 25
  • Vue基础知识
    Vue.js（读音/vjuː/, 类似于 view）是一个构建数据驱动的web 界面的渐进式框架。Vue.js的目...
    xingyunfuhao阅读 796评论 0赞 0
  • 前端面试总结
    基础类问题 h5的新特性 html5备注只有一种 DOCTYPE ⽂件类型声明(统 一标准)<!DOCTYPE h...
    h2coder阅读 357评论 1赞 1
  • 前端vue知识汇总
    前端常见的一些问题 1.前端性能优化手段？ 1. 尽可能使用雪碧图2. 使用字体图标代替图片3. 对HTML，cs...
    十八人言阅读 1,269评论 0赞 1
  • Vue现代化使用方法(二)
    vue概述 在官方文档中，有一句话对Vue的定位说的很明确：Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,628评论 0赞 25

友情链接更多精彩内容