Cascader 级联选择器无法赋值

问题:

 1 html:
 2     <el-cascader
 3                 v-model="addform.qxvalue"
 4                 :options="options"
 5                 :props="defaultParams"
 6                 :show-all-levels="false"
 7                 placeholder="请选择数据权限"
 8                 clearable></el-cascader>
 9 // 对应js:
10 // 设置默认
11     defaultParams: {
12         value: 'id',
13         label: 'name',
14         children: 'children',
15         multiple: true //可以多选
16     }
17
18 此时赋值的时候出现无法赋值的情况

解决方法:

通过后台拿到数组如果为对象,需要转换为数组;
若为数组则无需装换;
因为该选择器为多选 所以数组嵌套数组(建议使用for in 遍历)

1 [
2     ["3a0025ffe3bf4fd0951c5e7449c694a5", "43dd82f4652048b2a1474d5cf5df7311", "0d713f7741f3409b9e6b886b13a4f0ac", "bb92f91b069e4399bc8c2eb8c6dc78cd"],
3     ["3a0025ffe3bf4fd0951c5e7449c694a5", "43dd82f4652048b2a1474d5cf5df7311", "8", "8"],
4     ["3a0025ffe3bf4fd0951c5e7449c694a5", "43dd82f4652048b2a1474d5cf5df7311", "4", "4"]
5 ]

只需拼接为格式即可赋值,bug也可以顺利解决

posted @ 2019-11-08 11:12  zaijinyang  阅读(3944)  评论(0)  编辑  收藏  举报