vue+element级联选择仅显示最后一级

:show-all-levels="false"定义了是否显示完整的路径,将其赋值为false则仅显示最后一级

      
        
          
            职业:
            
          
        
      

绑定值的时候我之前一直不明白为啥后端给的是字符串,而我返回的是一个数组,后来才知道,我刚开始的问题是:后端返我一个String,occupationCode:'009800',但是我修改之后返回给后端的是一个Array,[null,null,'990698'],这也就导致前端一直报错,后端也无法接到我传过去的值
解决办法:
给el-cascader添加一个prop属性,:props="{emitPath:false}"
emitPath的意思就是:
在选中节点改变时,是否返回由该节点所在的各级菜单的值所组成的数组,若设置 false,则只返回该节点的值
这样就实现了:我修改之后传给后端的值也是一个String

你可能感兴趣的:(vue+element级联选择仅显示最后一级)