el-cascader中getCheckedNodes

el-cascader 是一个 Vue.js 的级联选择器组件，getCheckedNodes 是 el-cascader 中的一个方法，用于获取当前选中的节点。

在 el-cascader 中，每个节点都有一个 value 属性来标识其唯一性。getCheckedNodes 方法会返回一个数组，数组中包含当前选中的节点对象。如果 el-cascader 是多选模式，那么该数组中可能包含多个节点对象；如果 el-cascader 是单选模式，那么该数组中只包含一个节点对象。

使用示例：

<template>
  <div>
    <el-cascader
      :options="options"
      v-model="selectedOptions"
      @change="handleChange"
    />
    <button @click="handleGetCheckedNodes">获取选中节点</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          value: 'zhinan',
          label: '指南',
          children: [
            {
              value: 'shejiyuanze',
              label: '设计原则',
              children: [
                {
                  value: 'yizhi',
                  label: '一致'
                },
                {
                  value: 'fankui',
                  label: '反馈'
                }
              ]
            }
          ]
        }
      ],
      selectedOptions: []
    };
  },
  methods: {
    handleChange(value, selectedOptions) {
      console.log(value, selectedOptions);
    },
    handleGetCheckedNodes() {
      const checkedNodes = this.$refs.cascader.getCheckedNodes();
      console.log(checkedNodes);
    }
  }
};
</script>

在上面的示例中，我们定义了一个 el-cascader 组件，并设置了 options 和 v-model 属性。我们还定义了一个按钮，并绑定了一个点击事件 handleGetCheckedNodes，在点击按钮时调用 getCheckedNodes 方法获取当前选中的节点。