当前位置:   article > 正文

Avue-crud表格操作栏不显示修改、删除按钮

Avue-crud表格操作栏不显示修改、删除按钮
  • 2024-03-28
    奇了怪了,CSDN自动把我之前的文章设置为VIP了,怪不得有时候搜东西看着看着要收费,现在找东西都不好找,我已经反馈不同意了,看看能不能给我取消吧


    今天用Avue的时候发现操作栏的按钮没了,按照文档的方法设置取消隐藏没有生效,本来看到有人提问,但是下面贴的链接已经404了,又找到了一个方法,记录一下。


一、期望效果

官网效果图
贴一个官网文档:https://v2.avuejs.com/crud/crud-menu/



二、解决方案

  1. 首先考虑的肯定是隐藏了,找了官网的方法,把下面的配置改成true或者注释掉
option:{
	menu: false,		// false: 隐藏整个操作栏
    editBtn: false,		// false: 隐藏修改按钮
    editBtnText:'修改',		// 修改按钮的文字
    editBtnIcon:'el-icon-user',		// 修改按钮的图标,不要图标可改成空字符串
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

结果也很明显,上面的没有用,我的按钮还是不显示


  1. 对照文档把暂时没用或者多余的属性统统删掉,直到我发现了这一条
<avue-crud
	...
	:permission="permissionFn"
>
  • 1
  • 2
  • 3
  • 4

permission:表格多个按钮权限控制,采用函数方式可以精确到行控制。
permissionFn是自己定义的方法,因为不写会报错,所以放了一个空方法在这里,avue获取不到权限就都隐藏掉了,把这行去掉按钮就正常展示了。


完事儿,收工!





声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/335003
推荐阅读
相关标签
  

闽ICP备14008679号