- 2024-03-28
奇了怪了,CSDN自动把我之前的文章设置为VIP了,怪不得有时候搜东西看着看着要收费,现在找东西都不好找,我已经反馈不同意了,看看能不能给我取消吧
今天用Avue的时候发现操作栏的按钮没了,按照文档的方法设置取消隐藏没有生效,本来看到有人提问,但是下面贴的链接已经404了,又找到了一个方法,记录一下。
一、期望效果
贴一个官网文档:https://v2.avuejs.com/crud/crud-menu/
二、解决方案
- 首先考虑的肯定是隐藏了,找了官网的方法,把下面的配置改成true或者注释掉
option:{
menu: false, // false: 隐藏整个操作栏
editBtn: false, // false: 隐藏修改按钮
editBtnText:'修改', // 修改按钮的文字
editBtnIcon:'el-icon-user', // 修改按钮的图标,不要图标可改成空字符串
}
结果也很明显,上面的没有用,我的按钮还是不显示
- 对照文档把暂时没用或者多余的属性统统删掉,直到我发现了这一条
<avue-crud
...
:permission="permissionFn"
>
permission:表格多个按钮权限控制,采用函数方式可以精确到行控制。
permissionFn是自己定义的方法,因为不写会报错,所以放了一个空方法在这里,avue获取不到权限就都隐藏掉了,把这行去掉按钮就正常展示了。
完事儿,收工!