fix(sider): custom trigger does not take effect

修复侧边菜单底部的自定义折叠按钮不起作用的问题
This commit is contained in:
无木
2021-07-01 10:45:59 +08:00
parent 3871204d08
commit 5005e6e56b
2 changed files with 8 additions and 3 deletions

View File

@@ -16,6 +16,7 @@
:theme="getMenuTheme"
@breakpoint="onBreakpointChange"
@collapse="toggleCollapsed"
:trigger="getTrigger"
v-bind="getTriggerAttr"
>
<template #trigger v-if="getShowTrigger">
@@ -26,7 +27,7 @@
</Sider>
</template>
<script lang="ts">
import { computed, defineComponent, ref, unref, CSSProperties } from 'vue';
import { computed, defineComponent, ref, unref, CSSProperties, h } from 'vue';
import { Layout } from 'ant-design-vue';
import LayoutMenu from '../menu/index.vue';
@@ -103,6 +104,10 @@
};
});
// 在此处使用计算量可能会导致sider异常
// andv 更新后如果trigger插槽可用则此处代码可废弃
const getTrigger = h(LayoutTrigger);
return {
prefixCls,
sideRef,
@@ -110,6 +115,7 @@
getIsMobile,
getHiddenDomStyle,
getSiderClass,
getTrigger,
getTriggerAttr,
getCollapsedWidth,
getMenuFixed,