問題:
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也可以順利解決