业务需求：应后台要求接收的数据是多个，在级联选择器中只能拿到指定的值，固解决如何拿到多个值传入后台。

小来码呀码

已于 2022-09-30 16:09:43 修改

阅读量282

点赞数

文章标签： vue.js elementui javascript

于 2022-09-29 17:29:13 首次发布

本文链接：https://blog.youkuaiyun.com/lmf13992427957/article/details/127110925

版权

本文主要探讨在Vue.js和ElementUI环境下，如何处理级联选择器（Cascader）的多选功能，以满足后台数据接收多个值的需求。通过实例代码解析，展示如何获取选定的多个值，并将其正确传递给后台。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <div class="query-item">
          <span style="padding: 0 8px 0 0">组织机构</span>
          <el-cascader
            ref="cascaderAddr"
            style="width: 70%"
            v-model="query.org"
            clearable
            placeholder="请选择"
            @change="orgSelect"
            :show-all-levels="false"
            :key="key"
            :props="props"
          ></el-cascader>
        </div>

export default {
  name: 'dop',
  data() {
    return {
      //组织机构
      props: {
        lazy: true,
        checkStrictly: true,
        lazyLoad(node, resolve) {
          const { level } = node
          var type = node.value
          if (level == 0) {
            type = ''
          }
          var nodes = []

          var param = {}
          param.nodeIdTmp