开发指南051-省市区3级联动选择组件

简介: 很多业务都需要选择区域,有的到市即可,有的需要到区。这个功能需要调用平台的组件

很多业务都需要选择区域,有的到市即可,有的需要到区。这个功能需要调用平台的组件

import citySelect from "@/qlmcomponents/citySelect";

<citySelect></citySelect>

属性:

     showdistrict 1 显示区 0 不显示区

     v-model双向绑定的传入传出参数,结构如下:

     areaData: {

       // 省

       province: "",

       // 市

       city: "",

       // 区

       district: "",

       // 对应编码

       code: ""

     },

该组件的数据来源于平台的字典数据:行政区划数据

相关文章
|
14天前
|
JavaScript
vue尚品汇商城项目-day03【16.开发Search组件模块中的TypeNav商品分类菜单(过渡动画效果)+17.(优化)针对三级菜单联动进行优化,优化方向为减少查询】
vue尚品汇商城项目-day03【16.开发Search组件模块中的TypeNav商品分类菜单(过渡动画效果)+17.(优化)针对三级菜单联动进行优化,优化方向为减少查询】
30 0
|
3月前
|
小程序 JavaScript 前端开发
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
106 0
|
5月前
|
数据采集 前端开发 数据库
实时动态实现省市区三级联动选择器
实时动态实现省市区三级联动选择器
96 0
|
开发者
【 uniapp - 黑马优购 | 商品列表 】如何实现数据获取、结构渲染、自定义组件的封装
【 uniapp - 黑马优购 | 商品列表 】如何实现数据获取、结构渲染、自定义组件的封装
357 0
|
5月前
|
小程序 JavaScript
【微信小程序】之自定义四宫格(不用mp-grids扩展组件实现,这个组件太难用了)
【微信小程序】之自定义四宫格(不用mp-grids扩展组件实现,这个组件太难用了)
|
5月前
|
数据库
Uniapp 横向滚动抽奖页面 组件 引用即可 全端
Uniapp 横向滚动抽奖页面 组件 引用即可 全端
193 0
|
索引
【 uniapp - 黑马优购 | 分类界面 】创建cate分支、数据获取、动态渲染
【 uniapp - 黑马优购 | 分类界面 】创建cate分支、数据获取、动态渲染
150 0
|
前端开发 JavaScript API
Concis组件库封装——Popover气泡卡片
Concis组件库封装——Popover气泡卡片组件记录
143 1
|
前端开发
前端学习笔记202304学习笔记第十天-vue3.0-通过计算属性动态切换列表数据
前端学习笔记202304学习笔记第十天-vue3.0-通过计算属性动态切换列表数据
73 0
|
前端开发
给 Antd Table 组件编写缩进指引线、子节点懒加载等功能,如何二次封装开源组件?
在业务需求中,有时候我们需要基于 antd 之类的组件库定制很多功能,本文就以我自己遇到的业务需求为例,一步步实现和优化一个树状表格组件,这个组件会支持: