el-cascader下拉选禁止展开

你可以使用 el-cascader 组件的 show-all-levels 属性来禁止展开下拉选项。将 show-all-levels 属性设置为 true，将会在选中一个节点后直接返回选中的值，而不会展开子选项。

例如，在以下代码中，我们设置 show-all-levels 属性为 true：

<template>
  <el-cascader
    :options="options"
    :show-all-levels="true"
    v-model="selectedOptions"
    placeholder="请选择"
    @change="handleChange">
  </el-cascader>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          value: 'zhinan',
          label: '指南',
          children: [
            {
              value: 'shejiyuanze',
              label: '设计原则',
              children: [
                {
                  value: 'yizhi',
                  label: '一致'
                },
                {
                  value: 'fankui',
                  label: '反馈'
                },
                {
                  value: 'xiaolv',
                  label: '效率'
                },
                {
                  value: 'kekong',
                  label: '可控'
                }
              ]
            }
          ]
        }
      ],
      selectedOptions: []
    };
  },
  methods: {
    handleChange(value) {
      console.log(value);
    }
  }
};
</script>

在上述代码中，我们将 show-all-levels 属性设置为 true，这样每次只会返回选中的节点值。如果需要更多关于 el-cascader 的帮助，请访问官方文档：https://element.eleme.cn/#/zh-CN/component/cascader