地區

做移動端用了有讚的地區列表選擇器，但是跟後臺element的地區數據不一樣，需要把element的地區數據格式化成有讚的
項目引入 import { regionData } from “element-china-area-data”;

data(){
diqu2:regionData,
 province:[],
  city:[],
  area:[]
  },
 methods: {
	format(){
		 let province_list=[]
      let city_list=[]
      let city_list2=[]
      let city_list3=[]
      let county_list=[]
      let county_list2=[]
      let county_list3=[]
      this.diqu2.forEach(p=>{
        
        if(!p.children){  
          province_list.push('"'+p.value+'"'+":"+'"'+p.label+'"')
        }
        
      if(p.children){
        province_list.push(""+p.value+""+":"+""+p.label+"")
        p.children.forEach(c=>{
          if(!c.children){
            city_list.push('"'+c.value+'"'+":"+'"'+c.label+'"')
          }else{
          c.children.forEach(a=>{
            if(!a.children){
                county_list.push('"'+a.value+'"'+":"+'"'+a.label+'"')
              }
              county_list2.push('"'+a.value+'"'+":"+'"'+a.label+'"')
            })
          }
          city_list2.push('"'+c.value+'"'+":"+'"'+c.label+'"')
        })
      }
      })
        let aa=[]
      let bb=[]
      let cc=[]
      province_list3.push(...province_list,...province_list2)
      city_list3.push(...city_list,...city_list2)
      county_list3.push(...county_list,...county_list2)
      city_list3.forEach(item=>{
        item.replace(/\"/g, "");
        aa.push(item)
      })
      county_list3.forEach(item=>{
        item.replace(/\"/g, "");
        bb.push(item)
      })
      province_list3.forEach(item=>{
        item.replace(/\"/g, "");
        cc.push(item)
      })
      this.area=bb
      this.city=aa
      this.province=cc
	}
}

頁面渲染

<template>
<div>
      <ul>
        <li v-for="item in province">
          {{item+","}}
        </li>
       <li v-for="item in city">
          {{item+","}}
        </li>
        <li v-for="item in area">
          {{item+","}}
        </li>
      </ul>
</div>
</template>

這樣渲染出來的數據複製到area.js中就可以了