vue项目 element级联选择器 直接输出最后一级的数据

好的，我明白了您的问题。要实现直接输出最后一级的数据，在element级联选择器组件中，可以通过给`el-cascader`组件设置`change-on-select`属性为`true`，然后在`@change`事件中获取最后一级的数据。具体代码如下：

<template>
  <el-cascader
    v-model="selectedData"
    :options="options"
    :props="props"
    change-on-select
    @change="handleChange"
  ></el-cascader>
</template>

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

在以上代码中，我们通过设置`change-on-select`属性为`true`，当选择其中一个选项时，会触发`@change`事件，并在事件中获取最后一级的数据。注意：在使用以上代码时，需要引入`element-ui`库。