element-plus el-cascader-panel 如何关闭次级菜单

Element Plus 的 `el-cascader-panel` 组件是一个下拉选择器组件，它支持多级联动选择。如果你想关闭次级菜单，可以使用它的 `close-popover` 或者 `clearSelection` 方法。以下是两个示例：

1. **通过点击外部元素关闭**:
当用户点击除当前选中节点之外的其他部分时，次级菜单通常会自动关闭。如果需要手动控制，可以在处理外部点击事件时调用 `closePopper()` 函数：

<template>
  <el-cascader-panel
    :options="options"
    @clickoutside="handleOutsideClick"
  ></el-cascader-panel>
</template>

<script>
export default {
  methods: {
    handleOutsideClick() {
      this.$refs.cascaderPanel.closePopper();
    },
  },
};
</script>

2. **通过代码直接关闭**:
如果你需要在特定时刻关闭次级菜单，可以直接在 JavaScript 中操作：

methods: {
  closeSecondaryMenu() {
    const cascader = this.$refs.cascaderPanel;
    if (cascader && cascader.popper) {
      cascader.popper.destroy();
    }
  },
}
// 使用时调用
this.closeSecondaryMenu();

记得在你的模板里引用 `ref`，例如 `ref="cascaderPanel"`。