[Question] handleCollapse seems not working

zhangkx666 commented 2 years ago

🧐 问题描述 Problem Description

handleCollapse seems not working. Then I checked the source codes, but I can't find any codes for handleCollapse. Is there any problem with my coding?

💻 示例代码 Sample code

<template>
  <pro-layout
    ...
    :collapsed="state.collapsed"
    :handle-collapse="handleCollapsed"
  >
  ...
  </pro-layout>
</template>

<script>
import { reactive, ref } from 'vue'
export default {
  name: 'MainLayout',
  setup() {
    const state = reactive({
      collapsed: false,
      ...
    })
    const handleCollapsed = () => {
      state.collapsed = !state.collapsed
    }
    return { state, handleCollapsed }
  }
}
</script>

🚑 其他信息 Other information

Then I can only use the collapsedButtonRender slot to handle collapsed

<template #collapsedButtonRender>
  <div class="collapsedIcon" @click="handleCollapsed">
    <menu-fold-outlined v-if="!state.collapsed" />
    <menu-unfold-outlined v-else />
  </div>
</template>