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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • VUE面试题
    ## vue的基本原理 当一个Vue实例创建时，Vue会遍历data中的属性，用 Object.definePro...
    稚沅阅读 181评论 0赞 0
  • 再读 Vue.js 文档
    主要还是自己看的，所有内容来自官方文档。 介绍 Vue.js 是什么 Vue (读音 /vjuː/，类似于 vie...
    Leonzai阅读 3,375评论 0赞 25
  • Vue基础知识
    Vue.js（读音/vjuː/, 类似于 view）是一个构建数据驱动的web 界面的渐进式框架。Vue.js的目...
    xingyunfuhao阅读 641评论 0赞 0
  • 前端面试总结
    基础类问题 h5的新特性 html5备注只有一种 DOCTYPE ⽂件类型声明(统 一标准)<!DOCTYPE h...
    h2coder阅读 186评论 1赞 1
  • 前端vue知识汇总
    前端常见的一些问题 1.前端性能优化手段？ 1. 尽可能使用雪碧图2. 使用字体图标代替图片3. 对HTML，cs...
    十八人言阅读 1,174评论 0赞 1