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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM