关于table记录中的按钮权限问题

当前页面有一个按钮权限,名为标签(changetag),并在该页面添加了按钮权限(member/changetag)

我尝试使用<el-button v-auth="'changetag'">标签</el-button>来验证是否生效,结果是生效(不显示)

因为这个按钮是自定义标签,不能使用defaultOptButtons方式加,所以我的代码为:

let optBtn = defaultOptButtons([''])
let newButton: OptButton[] = [
    {
        render: 'tipButton',
        name: 'changetag',
        text: '标签',
        type: 'primary',
        icon: 'fa',
        class: 'table-row-info',
        click: (row: TableRow) => {
            dialogVisible.value.data.id = row.id
            dialogVisible.value.data.title = '【id:'+row.id+' '+row.name+'】编辑标签'
            dialogVisible.value.show.changetag = true
        }
    },
]
optBtn = newButton.concat(optBtn)
const baTable = new baTableClass(
    new baTableApi('/admin/member/'),
    {
        column: [
            /**省略一堆代码***/
            {
                label: t('Operate'),
                align: 'center',
                width: '250',
                render: 'buttons',
                buttons: optBtn,
                operator: false,
            },
        ]
    }
)

但我发现这个按钮依然显示出来(并没有依照权限来显示),要怎样改才能呢

1个回答默认排序 投票数排序
YANG001
YANG001
这家伙很懒,什么也没写~
4天前

自定义按钮显示与否由开发者自行控制,加上display即可

let newButton: OptButton[] = [
    {
        display: auth('changetag'),// 这里
        render: 'tipButton',
        name: 'changetag',
        text: '标签',
        type: 'primary',
        icon: 'fa',
        class: 'table-row-info',
        click: (row: TableRow) => {
            dialogVisible.value.data.id = row.id
            dialogVisible.value.data.title = '【id:'+row.id+' '+row.name+'】编辑标签'
            dialogVisible.value.show.changetag = true
        }
    },
]
请先登录
0
1
0
2