el-cascader 只取最后一级

在Element UI的el-cascader组件中，默认情况下会返回整个选中的路径。如果你只想要获取最后一级选中的值，可以通过以下方法实现：

1. 使用v-model绑定一个变量来存储选中的值。
2. 在el-cascader的change事件中，获取选中的值并进行处理，只保留最后一级。

以下是一个示例代码：

<template>
  <el-cascader
    v-model="selectedOptions"
    :options="options"
    @change="handleChange"
    :props="{ checkStrictly: true }">
  </el-cascader>
  <span>{{ lastLevel }}</span>
</template>

<script>
export default {
  data() {
    return {
      selectedOptions: [],
      lastLevel: '',
      options: [
        {
          value: 'zhinan',
          label: '指南',
          children: [
            {
              value: 'shejiyuanze',
              label: '设计原则',
              children: [
                {
                  value: 'yizhi',
                  label: '一致'
                },
                {
                  value: 'fankui',
                  label: '反馈'
                }
              ]
            },
            {
              value: 'daohang',
              label: '导航',
              children: [
                {
                  value: 'cexiangdaohang',
                  label: '侧向导航'
                },
                {
                  value: 'dingbudaohang',
                  label: '顶部导航'
                }
              ]
            }
          ]
        },
        {
          value: 'zujian',
          label: '组件',
          children: [
            {
              value: 'basic',
              label: 'Basic',
              children: [
                {
                  value: 'layout',
                  label: 'Layout'
                },
                {
                  value: 'color',
                  label: 'Color'
                }
              ]
            },
            {
              value: 'form',
              label: 'Form',
              children: [
                {
                  value: 'radio',
                  label: 'Radio'
                },
                {
                  value: 'checkbox',
                  label: 'Checkbox'
                }
              ]
            }
          ]
        }
      ]
    };
  },
  methods: {
    handleChange(value) {
      if (value && value.length > 0) {
        this.lastLevel = value[value.length - 1];
      } else {
        this.lastLevel = '';
      }
    }
  }
};
</script>

在这个示例中，`el-cascader`组件绑定了`selectedOptions`变量，并通过`handleChange`方法处理选中的值。`handleChange`方法中，我们通过`value[value.length - 1]`获取最后一级选中的值，并将其赋值给`lastLevel`变量。