、安裝組件依賴

npm install element-china-area-data -S

2、目標(biāo)頁面中引入

import {
  provinceAndCityData,
  regionData,
  provinceAndCityDataPlus,
  regionDataPlus,
  CodeToText,
  TextToCode
} from "element-china-area-data";

3、使用el-cascader標(biāo)簽

<div style="width:460px;">
  <el-cascader style="width:100%;" :options="options" 
  v-model="selectedOptions" @change="addressChoose"></el-cascader>
</div> 

4、data中定義元素

data(){
    return{
      // 省市區(qū)級(jí)聯(lián)
      options: regionDataPlus,
      selectedOptions: [],
    }
}

5、觸發(fā)事件的函數(shù)方法

/**省市區(qū)三級(jí)聯(lián)動(dòng) */
addressChoose(value) {
  console.log(
   "省市區(qū)：",
   CodeToText[value[0]],
   CodeToText[value[1]],
   CodeToText[value[2]]
  );
  this.form.province=CodeToText[value[0]];
  this.form.city=CodeToText[value[1]];
   this.form.area=CodeToText[value[2]];
},

6、數(shù)據(jù)回顯

// 省市區(qū)轉(zhuǎn)換
let province=this.form.province;
let city=this.form.city;
let area=this.form.area;
let arg1=TextToCode[province].code;
let arg2=TextToCode[province][city].code;
let arg3=TextToCode[province][city][area].code;
this.selectedOptions.push(arg1, arg2, arg3);

按照步驟，直接C+V復(fù)制到項(xiàng)目中，就可以運(yùn)行實(shí)現(xiàn)圖中效果。也可以從開源字節(jié)的代碼倉(cāng)庫fork租房源碼。

如若轉(zhuǎn)載，請(qǐng)注明出處：開源字節(jié) https://sourcebyte.cn/article/267.html

報(bào)考普通話除了在官網(wǎng)上進(jìn)行報(bào)名之外，還可以線下報(bào)名。

每個(gè)市都有普通話測(cè)試站，針對(duì)社會(huì)人員及高校師生，報(bào)名費(fèi)一般包括培訓(xùn)費(fèi)和測(cè)試費(fèi)，報(bào)名費(fèi)比高校報(bào)名費(fèi)要稍微高點(diǎn)。

每個(gè)高校基本上都有普通話測(cè)試站，只針對(duì)在校學(xué)生，不針對(duì)老師和社會(huì)人員，報(bào)名費(fèi)用一般只包括測(cè)試費(fèi)，如果有培訓(xùn)費(fèi)，那也比市測(cè)試站的培訓(xùn)費(fèi)要低。

★全國(guó)普通話水平測(cè)試在線報(bào)名步驟★

⊙ 選擇省份

⊙ 閱讀報(bào)名介紹

⊙ 選擇考點(diǎn)及考試時(shí)間

⊙登錄并閱讀報(bào)名須知

⊙在線繳費(fèi)/現(xiàn)場(chǎng)確認(rèn)繳費(fèi)

全國(guó)普通話水平測(cè)試報(bào)名系統(tǒng)

網(wǎng)址：http://hunanbm.cltt.org/pscweb/index.html

在網(wǎng)頁左側(cè)選擇對(duì)應(yīng)的省份，再根據(jù)網(wǎng)頁的提示，操作，最后一步一步填寫個(gè)人基本信息即可。

其它報(bào)考途徑

社會(huì)人員可在省、市級(jí)普通話測(cè)試站現(xiàn)場(chǎng)報(bào)名。省級(jí)測(cè)試站地址和聯(lián)系方式可百度XXX省語言文字測(cè)試中心；在網(wǎng)上找到聯(lián)系方式，然后咨詢溝通。一般會(huì)有QQ群微信群之類的，然后按要求提交一些資料。

⊙在校大學(xué)生可在本校的普通話言文字中心、市級(jí)普通話測(cè)試站報(bào)名。

備注：高校不接受社會(huì)人員報(bào)考，已畢業(yè)的學(xué)生不能在原高校報(bào)考。

報(bào)名費(fèi)用

各地區(qū)普通話水平測(cè)試報(bào)考費(fèi)略有不同，具體費(fèi)用以報(bào)考當(dāng)?shù)厥≌Z言文字培訓(xùn)測(cè)試中心規(guī)定為準(zhǔn)。

湖南在校大學(xué)生在本校報(bào)考的費(fèi)用由70/人降至為30元/人。包括培訓(xùn)，上機(jī)測(cè)試，證書。不包括普通話教材。