首页 > 其他分享 >城市区域列表数据 三级联动

城市区域列表数据 三级联动

时间:2023-09-20 11:02:11浏览次数:32  
标签:arr CodeToText regionData 列表 ruleForm 联动 address element 三级

城市区域列表数据 三级联动_三级联动

import{regionData,CodeToText} from 'element-china-area-data'
 //引入element组件库中的插件
 
 <el-cascader
    v-model="areaData"
    :options="options"
    @change="handleChange">
 </el-cascader>
 
   options:regionData,
 
    //三级联动
    handleChange(arr){
      this.ruleForm.address.province=CodeToText[arr[0]];
      this.ruleForm.address.city=CodeToText[arr[1]];
      this.ruleForm.address.district=CodeToText[arr[2]];
 
  },

标签:arr,CodeToText,regionData,列表,ruleForm,联动,address,element,三级
From: https://blog.51cto.com/u_15476220/7535162

相关文章

  • 14-Vue核心-列表渲染
    使用v-for做列表渲染我们可以用 v-for 指令基于一个数组来渲染一个列表,用于展示列表数据。语法:v-for="(item,index)initems" :key="xxx"或者 v-for="(item,index)ofitems" :key="xxx" 这里可以使用 of 替代 in 作为分隔符,因为它更接近JavaScript迭......
  • case02数据结构之列表
    数据结构之列表:全球股票指数【任务1】在Python中使用列表数据结构并向两个列表中分别输入表1-3中的指数名称和收盘价。同时,在包含指数名称的列表中,依次访问"富时100指数""沪深300指数"这两个元素;在包含收盘价的列表中,依次找出"15437.5100""28458.4400"这两个元素的索引值。......
  • 嵌入式三级知识点总结最终章
    181. 操作系统为软件系统提供了多任务运行环境等等而不是板级支持包,BSP运行之前,调试工具不能够用,BSP调试分两步 最小系统和外围设备驱动程序调试。182. RAM访问速度要比ROM快很多。183. U-Boot能够支持多种体系结构的处理器但是每种结构有其自身的版本。184. VXworks(微内核)......
  • 循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(5) -- 树列表
    在我们展示一些参考信息的时候,有所会用树形列表来展示结构信息,如对于有父子关系的多层级部门机构,以及一些常用如字典大类节点,也都可以利用树形列表的方式进行展示,本篇随笔介绍基于WPF的方式,使用TreeView来洗实现结构信息的展示,以及对它的菜单进行的设置、过滤查询等功能的实现逻辑......
  • [MAUI]实现动态拖拽排序列表
    @目录创建页面元素创建可绑定对象创建绑定服务类拖拽(Drag)拖拽悬停,经过(DragOver)释放(Drop)限流(Throttle)和防抖(Debounce)项目地址上一章我们使用拖放(drag-drop)手势识别实现了可拖拽排序列表,对于列表中的条目,完整的拖拽排序过程是:手指触碰条目->拖拽条目->拖拽悬停在另一个......
  • natsort.natsorted()-用于自然排序(natural sorting)字符串列表。
    参考:https://natsort.readthedocs.io/en/stable/api.html#natsort.natsorted语法格式natsort.natsorted(seq:Iterable[T],key:Optional[Callable[[T],Union[natsort.utils.SupportsDunderLT,natsort.utils.SupportsDunderGT,None]]]=None,reverse:bool=False,alg:......
  • 2020-1-28-coding获取项目列表
    layout:posttitle:coding获取项目信息categories:coding-posttag:codingapicoding获取项目信息接口URLhttps://<team-name>.coding.net/api/projects请求方式GET请求header参数:cookie:eid请求Query参数参数示例值必填参数描述page1否页数page......
  • 15 列表框,文本框,文件域
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>学习单选框和多选框和按钮</title></head><body><h1>选择框和按钮</h1><formaction="表格标签.html"method......
  • python系列教程215——列表解析与矩阵
    声明:在人工智能技术教学期间,不少学生向我提一些python相关的问题,所以为了让同学们掌握更多扩展知识更好地理解AI技术,我让助理负责分享这套python系列教程,希望能帮到大家!由于这套python教程不是由我所写,所以不如我的AI技术教学风趣幽默,学起来比较枯燥;但它的知识点还是讲到位的了,也值......
  • 查询上三级,下三级
    1publicfunctiongetSearchDealer($type='',$name='',$mobile='')2{3//分销商4$dealer=newUserModel;5$name=input('get.real_name');6if(!empty($name))7......