Element UI element-china-area-data 中國省市區三級、二級聯動option數據設置默認值

<el-cascader
        class="long"
        size="large"
        :options="regionData"
        v-model="selectedOptions2"
        @change="handleChange">
      </el-cascader>


import {
  provinceAndCityData,
  regionData,
  provinceAndCityDataPlus,
  regionDataPlus,
  CodeToText,
  TextToCode
} from "../dist/app.js";

data() {
    return { 
      CodeToText,
      TextToCode,  
      regionData,    
      //selectedOptions2: [ "330000", "331000", "331002" ],
      selectedOptions2: []
    };
  },
mounted() {    
    var arr=['浙江省','台州市','椒江區'];
    var arg1=this.TextToCode[arr[0]].code;
    var arg2=this.TextToCode[arr[0]][arr[1]].code;
    var arg3=this.TextToCode[arr[0]][arr[1]][arr[2]].code;
    this.selectedOptions2.push(arg1,arg2,arg3);
    console.log("*********"+this.selectedOptions2);
  },
methods: {
    handleChange(value) {
      console.log(value);
    },
}

Element UI Cascader級聯選擇器 中國省市區三級、二級聯動插件地址:https://github.com/Plortinus/element-china-area-data

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章