element-uiカスケードの州と都市の動的読み込み

短所:デフォルト値を割り当てることができない(メソッドがまだ見つからない)
解決済み:返されたデフォルト値が要求されたデータ型(コード)と異なることが判明データ型が同じ場合、デフォルト値をエコーできる

小道具:割り当てルールを設定する

データフォーマット
[
    {
       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); } }); } }, } } 
 

おすすめ

転載: www.cnblogs.com/xjxq/p/12761312.html