elementui级联选择器如何实现一级单选 二级多选 ??

自己写的有点问题 一级的单选 每次选中之后 之后取消checked才能点 其他的一级选项

<template>
  <div class="login">
    <div class="content">
      <el-cascader
        v-model="casValue"
        :props="props"
        :options="options"
        @change="change"
      ></el-cascader>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      casValue: [],
      props: { multiple: true },
      options: [
        {
          value: 'zhinan',
          label: '指南',
          children: [
            {
              value: 'shejiyuanze',
              label: '设计原则'
            },
            {
              value: 'daohang',
              label: '导航'
            }
          ]
        },
        {
          value: 'zujian',
          label: '组件',
          children: [
            {
              value: 'basic',
              label: 'Basic'
            },
            {
              value: 'form',
              label: 'Form'
            },
            {
              value: 'data',
              label: 'Data'
            },
            {
              value: 'notice',
              label: 'Notice'
            },
            {
              value: 'navigation',
              label: 'Navigation'
            },
            {
              value: 'others',
              label: 'Others'
            }
          ]
        },
        {
          value: 'ziyuan',
          label: '资源',
          children: [
            {
              value: 'axure',
              label: 'Axure Components'
            },
            {
              value: 'sketch',
              label: 'Sketch Templates'
            },
            {
              value: 'jiaohu',
              label: '组件交互文档'
            }
          ]
        }
      ]
    }
  },
  methods: {
    change(item) {
      console.log(item)
      let tag = item.at(-1)
      console.log(tag)
      let arr = item.filter((e) => {
        return e[0] === tag[0]
      })
      this.casValue = arr
    }
  }
}
</script>
阅读 3.6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题