级联选择器 一级单选 二级多选！！

实现这个功能

<!-- 级联选择器 一级多选 二级单选 -->
<template>
  <div>
    <el-cascader
      v-model="casValue"
      :props="{ multiple: true }"
      :options="options"
      @change="change"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      casValue: [],
      value: [],
      shareScopeEnd: [],
      shareScope: '-1',
      options: [
        {
          value: 'zhinan',
          label: '指南'
        },
        {
          value: 'zujian',
          label: '组件',
          children: [
            {
              value: 'basic',
              label: 'Basic'
            },
            {
              value: 'form',
              label: 'Form'
            },
            {
              value: 'data',
              label: 'Data'
            },
            {
              value: 'notice',
              label: 'Notice'
            }
          ]
        },
        {
          value: 'ziyuan',
          label: '资源'
        }
      ]
    }
  },
  methods: {
    change(val) {
      for (var i = 0; i < val.length; i++) {
        if (val[i][0] !== this.shareScope) {
          this.shareScope = val[i][0]
          break
        }
      }
      const filterd = val.filter((v) => v[0] === this.shareScope)
      this.casValue = []
      this.casValue.push(...filterd)

      console.log(this.casValue)
    }
  }
}
</script>

直接上代码