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

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

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

import citySelect from "@/qlmcomponents/citySelect";

<citySelect></citySelect>

属性:

     showdistrict 1 显示区 0 不显示区

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

     areaData: {

       // 省

       province: "",

       // 市

       city: "",

       // 区

       district: "",

       // 对应编码

       code: ""

     },

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

相关文章
|
7月前
|
小程序
【微信小程序】-- 自定义组件 - 纯数据字段 & 组件的生命周期(三十六)
【微信小程序】-- 自定义组件 - 纯数据字段 & 组件的生命周期(三十六)
|
2月前
|
JavaScript
vue尚品汇商城项目-day03【16.开发Search组件模块中的TypeNav商品分类菜单(过渡动画效果)+17.(优化)针对三级菜单联动进行优化,优化方向为减少查询】
vue尚品汇商城项目-day03【16.开发Search组件模块中的TypeNav商品分类菜单(过渡动画效果)+17.(优化)针对三级菜单联动进行优化,优化方向为减少查询】
37 0
|
6月前
|
前端开发 程序员 UED
全面解析layui:掌握基础知识与实用技能(1. 核心组件与模块 2. 布局与容器 3. 弹出层与提示框;1. 数据表格与数据表单 2. 表单验证与提交 3. 图片轮播与导航菜单)
全面解析layui:掌握基础知识与实用技能(1. 核心组件与模块 2. 布局与容器 3. 弹出层与提示框;1. 数据表格与数据表单 2. 表单验证与提交 3. 图片轮播与导航菜单)
82 0
|
7月前
|
数据采集 前端开发 数据库
实时动态实现省市区三级联动选择器
实时动态实现省市区三级联动选择器
122 0
|
7月前
【实用】一个移动端简单的UI弹窗组件,虽算不上高大上,但至少耐看
【实用】一个移动端简单的UI弹窗组件,虽算不上高大上,但至少耐看
|
前端开发
给 Antd Table 组件编写缩进指引线、子节点懒加载等功能,如何二次封装开源组件?
在业务需求中,有时候我们需要基于 antd 之类的组件库定制很多功能,本文就以我自己遇到的业务需求为例,一步步实现和优化一个树状表格组件,这个组件会支持:
|
JavaScript 前端开发
storybook让组件自动形成好看的文档~
storybook让组件自动形成好看的文档~
629 0
|
JavaScript
vue uniapp通用省市下拉选择器组件 布局样式可灵活根据ui变更 (区域 可根据数组嵌套的格式继续往下模仿即可)
vue uniapp通用省市下拉选择器组件 布局样式可灵活根据ui变更 (区域 可根据数组嵌套的格式继续往下模仿即可)
667 0
vue uniapp通用省市下拉选择器组件 布局样式可灵活根据ui变更 (区域 可根据数组嵌套的格式继续往下模仿即可)
|
定位技术 API 开发工具
iOS开发-百度地图基本定位和罗盘跟随的使用,附加地理编码和反地理编码
iOS开发-百度地图基本定位和罗盘跟随的使用,附加地理编码和反地理编码
185 0
iOS开发-百度地图基本定位和罗盘跟随的使用,附加地理编码和反地理编码
|
JSON JavaScript 区块链
实例|APICloud AVM框架封装省市区级联选择弹框
今天介绍用APICloud AVM框架封装省市区级联选择弹框。
183 0