el-cascader展示选中的总数

el-cascader展示选中的总数可以通过监听el-cascader的change事件，在事件处理函数中获取选中的值，并计算总数，然后展示在页面上。以下是一个示例代码：

<template>
  <el-cascader
    :options="options"
    @change="handleCascaderChange"
    v-model="selectedValues"
    :show-all-levels="false"
    clearable
  ></el-cascader>
  <div>选中的总数：{{ selectedValues.length }}</div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          value: '1',
          label: 'Option1',
          children: [
            {
              value: '1-1',
              label: 'Option1-1'
            },
            {
              value: '1-2',
              label: 'Option1-2'
            }
          ]
        },
        {
          value: '2',
          label: 'Option2',
          children: [
            {
              value: '2-1',
              label: 'Option2-1'
            },
            {
              value: '2-2',
              label: 'Option2-2'
            }
          ]
        }
      ],
      selectedValues: []
    };
  },
  methods: {
    handleCascaderChange(value) {
      this.selectedValues = value;
    }
  }
};
</script>