el-cascader三级选择

el-cascader 是一个基于 ElementUI 的级联选择器组件，它可以实现三级选择功能。要实现 el-cascader 的三级选择功能，需要先定义好级联选择器的数据源，然后在 el-cascader 上绑定这个数据源。示例如下：

<el-cascader
  :options="options"
  :props="props"
  v-model="selectedOptions"
  @change="handleChange"
></el-cascader>

其中，`:options` 是级联选择器的数据源，`:props` 是配置选项，`v-model` 是绑定的值，`@change` 是选择器的变化事件。在 data 中定义 `options` 和 `props`：

data() {
  return {
    options: [
      {
        value: 'zhinan',
        label: '指南',
        children: [
          {
            value: 'shejiyuanze',
            label: '设计原则',
            children: [
              {
                value: 'yizhi',
                label: '一致'
              },
              {
                value: 'fankui',
                label: '反馈'
              }
            ]
          }
        ]
      }
    ],
    props: {
      value: 'value',
      label: 'label',
      children: 'children'
    },
    selectedOptions: []
  }
},

这里定义了一个简单的三级数据源，包括了 `options`、`props` 和 `selectedOptions`。其中，`selectedOptions` 是绑定的值，可以通过 `@change` 事件获取变化后的值，如下：

methods: {
  handleChange(value) {
    console.log(value); // 获取选择的值
  }
}

这样就可以实现 el-cascader 的三级选择功能了。