• 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',		// 修改按钮的图标，不要图标可改成空字符串
}

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

2. 对照文档把暂时没用或者多余的属性统统删掉，直到我发现了这一条

<avue-crud
	...
	:permission="permissionFn"
>

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

完事儿，收工！