ActionConfig
参考
js
const actionConfig = computed(() => {
return [
{
key: "add",
icon: "CirclePlus",
label: "新增",
type: "primary",
left: true,
clickFun: () => {},
},
{
key: "import",
icon: "Upload",
label: "导入",
left: true,
clickFun: () => {},
},
{
key: "more",
label: "批量操作",
type: "primary",
left: false,
dropdown: true,
menuList: [
{ label: "action1", clickFun: () => {} },
{ label: "action2", clickFun: () => {} },
{ label: "action3", clickFun: () => {} },
{ label: "action4", clickFun: () => {} },
],
},
];
});属性说明
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| key | list唯一值 | string/number | - |
| icon | 按钮图标 | string | - |
| label | 按钮内容 | string | - |
| type | 按钮类型 | string | - |
| left | 是否在左边 | boolean | false |
| dropdown | 是否时下拉菜单 | boolean | false |
| menuList | 菜单列表 | array | - |
| tips | 鼠标移入提示内容 | string | - |
| showFun | 是否展示判断函数,返回boolean类型 | function | - |
| clickFun | 按钮点击回调函数 | function | - |