**列表按鈕權限控制** ***** [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', //通過權限指令控制顯示（有權限顯示/無權限不顯示） }, ~~~