uniapp 级链选择器(官方自己的组件库)
代码语言:html复制问题描述: 在使用uniapp时用到
uni-data-picker
这个组件的时候需要用到省市区三级联动,发现没有全国省市区三级联动的数据,如果要使用的话还需要去开通对应的服务,这个就有点扯蛋了。 解决思路: 当然是在百度一下全国省市区
的json数据了,谁让我是一个前端呢(其实也是一个后端菜鸟)
<template>
<view>
<uni-data-picker placeholder="请选择省市" popup-title="请选择所在地区" :localdata="pcaTree"
v-model="stagesForm.address" :map="{text:'name',value:'code'}" >
</uni-data-picker>
</view>
</template>
<script>
const pcaData = require("@/static/pca-code.json");
export default {
data(){
return {
pcaTree: pcaData
}
}
}
</script>
pca-code.json
的数据来源于github 给大伙找来有json
格式的,sql
数据的以下的链接仅供参照(推荐1)
- 中华人民共和国行政区划(五级):省级、地级、县级、乡级和村级
- 中国5级行政区域mysql库
- 最全最新中国省,市,地区 json 及 sql 数据