**列表按钮权限控制** ***** [TOC] **按钮显示隐藏可通过函数和指令2种方式进行控制** * 函数方式(hasPermission) user:add 为后台添加的权限编码 ~~~ <a-button type="primary" v-if="hasPermission('user:add')"> 新增</a-button> ~~~ * 指令方式(v-auth) user:add 为后台添加的权限编码 ~~~ <a-button type="primary" v-auth="'user:add'" @click="handleCreate" > 新增</a-button> ~~~ ## 禁用控制 按钮禁用通过 antd vue 组件提供的禁用属性进行控制 ~~~ <a-button type="primary" :disabled="isDisabledAuth('system:user:export')"> 导出</a-button> ~~~ ## 操作列(TableAction)按钮显示隐藏控制 ~~~ js { label: '删除', icon: 'ic:outline-delete-outline', onClick: handleDelete.bind(null, record), auth: 'user:add', //通过权限指令控制显示（有权限显示/无权限不显示） }, ~~~