在翻《SpringBoot+Vue3》——十三尼克陳作者的大型前后端分離項(xiàng)目實(shí)戰(zhàn)里面，在看到地址管理的部分時(shí)，發(fā)現(xiàn)了該作者記錄有一個(gè)靜態(tài)的地址資源腳本

這里做個(gè)記錄，打點(diǎn)

一、引入js

  <script src="https://s.yezgea02.com/1641120061385/tdist.js"></script>

在引入了這個(gè)js文件以后，可以log一下tdist

  <script>console.log(window.tdist);</script>

看一下控制臺(tái)

有一個(gè)對(duì)象信息，

用鍵值對(duì)的方式存儲(chǔ)了很多地址的對(duì)應(yīng)編碼

控制臺(tái)打印出來(lái)的信息結(jié)果，是window.tdist對(duì)象的鍵值對(duì)，其特點(diǎn)是key值為value數(shù)組第一個(gè)值的地址code，value數(shù)組第二個(gè)值是當(dāng)前地址的所屬地址編碼

比如：北京市東城區(qū)對(duì)應(yīng)的code是110101，其所屬地址的code為北京市110100

同時(shí)，window.tdist提供了3個(gè)方法

二、方法一：getLev1()

作用：獲取一級(jí)數(shù)據(jù)。組成對(duì)象數(shù)組，結(jié)構(gòu)如下

可以打開(kāi)在線js文件，拉到最底下，看到這個(gè)方法

直接log出這個(gè)方法

  <script>console.log(tdist.getLev1());</script>

三、方法二：getLev2()

該方法接收一個(gè)一級(jí)數(shù)據(jù)的id

例如：接收廣西壯族自治區(qū)的id，也就是code作為參數(shù)，可以得到一個(gè)二級(jí)的數(shù)據(jù)列表

傳個(gè)code去log一下

  <script>console.log(window.tdist.getLev2('450000'));</script>

注意哦：這里傳的參數(shù)是字符串類型，如果是數(shù)字，就會(huì)報(bào)錯(cuò)

四、方法三：getLev3()

該方法接收一個(gè)二級(jí)數(shù)據(jù)的id

例如：使用廣西的南寧id 450100 作為參數(shù)傳遞

  <script>console.log(window.tdist.getLev3('450100'));</script>

注意哦：這里傳的參數(shù)也是字符串類型，如果是數(shù)字，就會(huì)報(bào)錯(cuò)