缺點:不能賦默認值(目前還沒找到方法 )
解決:原來是返回的默認值和請求的數據類型不一樣(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); } }); } }, } }
