前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >全国省市区县乡镇街道行政区划数据

全国省市区县乡镇街道行政区划数据

原创
作者头像
markbob专栏
修改2023-07-18 15:53:16
6160
修改2023-07-18 15:53:16
举报
文章被收录于专栏:菜鸟攻城菜鸟攻城
uniapp 级链选择器(官方自己的组件库)

问题描述: 在使用uniapp时用到uni-data-picker这个组件的时候需要用到省市区三级联动,发现没有全国省市区三级联动的数据,如果要使用的话还需要去开通对应的服务,这个就有点扯蛋了。 解决思路: 当然是在百度一下全国省市区的json数据了,谁让我是一个前端呢(其实也是一个后端菜鸟)

代码语言:html
复制
    <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)

  1. 中华人民共和国行政区划(五级):省级、地级、县级、乡级和村级
  2. 中国5级行政区域mysql库
  3. 最全最新中国省,市,地区 json 及 sql 数据

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • uniapp 级链选择器(官方自己的组件库)
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档