• 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. 对照文档把暂时没用或者多余的属性统统删掉,直到我发现了这一条
<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 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐