这位怪蜀黍 中午的时光真难熬!还好有你在!

element-ui 城市选择组件

Posted on   WALL*E  阅读(180)  评论(0编辑  收藏  举报
<el-cascader
  size="large"
  :options="options"
  placeholder="请选择地区"
  expand-trigger="hover"
  ref="cascaderAddr"
  v-model="selectedOptions"
  @change="handleChange">
created(){
  if(this.area){
    this.selectedOptions = this.area.split(',');//显示在输入框中
  }
},
handleChange(value) {
  let selectedOptions = value
  var code = ''
  // selectedOptions.map(item => name += CodeToText[item] + '') //将省市区三个拼接一起
  selectedOptions.map(item => code += item + ',') //将省市区三个拼接一起
  this.area = code.slice(0,code.lastIndexOf())//省市区的编码需要存到数据库,下次进来获取到
  this.address = CodeToText[selectedOptions[0]] + ',' + CodeToText[selectedOptions[1]] + ',' + CodeToText[selectedOptions[2]]//保存到数据库的字符串如:北京市,市辖区,东城区
    },
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示