Cascader 級聯選擇器沒法賦值

問題:html

 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 遍歷)spa

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

只需拼接爲格式便可賦值,bug也能夠順利解決3d

相關文章
相關標籤/搜索