Avue-crud表格操作栏不显示修改、删除按钮
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
- 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获取不到权限就都隐藏掉了,把这行去掉按钮就正常展示了。
完事儿,收工!
GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)