zuaa
/
vue-vben-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update TableAction.vue (#1394) 

fix: 解决TableAction组件Dropdown因为权限导致分割线显示错误的问题.
This commit is contained in:
西安十大杰出青年 2021-11-22 09:15:50 +08:00 committed by GitHub
parent 3b3f6c903a
commit 4806aced85
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Table/src/components/TableAction.vue
View File

@ -104,11 +104,10 @@
}); });
const getDropdownList = computed((): any[] => { const getDropdownList = computed((): any[] => {
return (toRaw(props.dropDownActions) || []) const list = (toRaw(props.dropDownActions) || []).filter((action) => {
.filter((action) => {
return hasPermission(action.auth) && isIfShow(action); return hasPermission(action.auth) && isIfShow(action);
}) });
.map((action, index) => { return list.map((action, index) => {
const { label, popConfirm } = action; const { label, popConfirm } = action;
return { return {
...action, ...action,
@ -116,7 +115,7 @@
onConfirm: popConfirm?.confirm, onConfirm: popConfirm?.confirm,
onCancel: popConfirm?.cancel, onCancel: popConfirm?.cancel,
text: label, text: label,
divider: index < props.dropDownActions.length - 1 ? props.divider : false, divider: index < list.length - 1 ? props.divider : false,
}; };
}); });
}); });