element-ui cascader 省市區 動態加載


缺點:不能賦默認值(目前還沒找到方法 )
解決:原來是返回的默認值和請求的數據類型不一樣(code) 如果數據類型一樣是可以回顯默認值的

props:設置賦值規則

數據格式
[ { code: 省編碼, name: "省名", cities:[ { code: 市編碼, name: "市名", cities:[ { code: 區編碼, name: "區名", } ] } ] }, { code: "140000", name: "山西省", cities: [ { code: "140400", name: "長治區", cities:[ { code: "140421", name: "長治縣" } ] }, ] } ... ] 
<el-cascader v-model="address" :options="options" :props="props" separator="-" ></el-cascader> 
data(){ return{ address:[], options: [], props: { label: "name", value: "code", children: "cities", lazy: true, lazyLoad(node, resolve) { const { level } = node; getProvinces({ code: node.value }).then(res => { if (res.code == 200) { res.data.forEach(el => { el.leaf = level >= 2; }); resolve(res.data); } }); } }, } } 
 


免責聲明!

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



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