element plus Cascader 选中后关闭下拉框

要实现选中后关闭下拉框，可以在 Cascader 的 `change` 事件中调用 `handleClose` 方法来关闭下拉框。具体实现如下：

<template>
  <el-cascader v-model="selectedOptions" :options="options" @change="handleChange"></el-cascader>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          value: 'zhinan',
          label: '指南',
          children: [
            {
              value: 'shejiyuanze',
              label: '设计原则',
            },
            {
              value: 'daohang',
              label: '导航',
            },
          ],
        },
        {
          value: 'ziyuan',
          label: '资源',
          children: [
            {
              value: 'axure',
              label: 'Axure Components',
            },
            {
              value: 'jiaohu',
              label: '组件交互文档',
            },
          ],
        },
      ],
      selectedOptions: [],
    };
  },
  methods: {
    handleChange() {
      // 选中后关闭下拉框
      this.$refs.cascader.handleClose();
    },
  },
};
</script>

以上代码中，在 `change` 事件中调用 `handleClose` 方法来关闭下拉框，由于 `handleClose` 方法是 Cascader 内部方法，需要通过 `this.$refs.cascader` 来调用。