el-cascader点击文字选中

el-cascader 是 Element UI 库中的一个组件，它是级联选择器，用于选择具有父子关系的数据。在 Element UI 中，点击文字选中是级联选择器的默认行为。当用户点击某一级别的选项时，如果该选项下还有子级选项，将展开子级列表供用户继续选择；如果已经是叶子节点，则表示选中该选项。

要实现点击文字选中的效果，可以按照以下步骤操作：

1. 引入 el-cascader 组件并在页面中使用它。
2. 配置 el-cascader 的 `props` 属性，如 `options` 属性，提供级联的数据源。
3. 确保级联数据格式正确，每个选项都应该包含 `value`（用于标识选中状态的值）、`label`（显示的文本）、`children`（子级选项数组，叶子节点则不需要此属性）。
4. 绑定选中值，通常使用 `v-model` 双向绑定一个变量到 el-cascader 的 `value` 属性。
5. 用户点击选项时，el-cascader 会自动处理选中逻辑，并更新绑定的变量。

使用示例代码如下：

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

<script>
export default {
  data() {
    return {
      value: [],
      options: [
        {
          value: 'zhejiang',
          label: '浙江',
          children: [
            {
              value: 'hangzhou',
              label: '杭州',
              children: [
                { value: 'xihu', label: '西湖区' },
                { value: 'binjiang', label: '滨江' },
              ],
            },
            // ... 其他城市和区县
          ],
        },
        // ... 其他省份
      ],
    };
  },
  methods: {
    handleChange(value) {
      console.log(value);
    },
  },
};
</script>