• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

分享一个element-ui级联选择器的搜索问题,顺便问下有没有解决方案。

楼主做的是一个三级联动的城市筛选,
后台给过来的数据并不全是按照label, value, children的key给到我,
数据格式
022002gzc1cvy27eg0m77d.jpg

022003eoo51l101otz57l9.jpg

但是官方的props只能指到一级,具体指到2-3级我还不没弄明白。



于是 , 需要自己转换


我自己的思路:
将前面两级的key全部转换成最后一级
props: {  value: 'disCode',  label: 'disName',  children: 'district'}

方法

getGetallareas () {  let para = new URLSearchParams()  para.append('userId', this.userId)  getallareas(para).then((res) => {    console.log(res)    this.options = res.data    let d = []    for (let i = 0; i < this.options.length; i++) {      let a = {}      a.disName = this.options.proName      a.disCode = this.options.proCode      a.district = this.options.cities      d.push(a)      let e = []      console.log(d)      d.district.forEach(element => {        let b = {}        b.disName = element.cityName        b.disCode = element.cityCode        b.district = element.district        e.push(b)      })      d.district = e    }    this.options = d  })},

效果

022004ip8lhipfjhj6e39f.jpg



那么问题来了,
我输入北京搜索
022004y5e30fxcwxeo7z22.jpg



好的 完全没有问题
我继续输入广东
022005ca4w44alw0wpswys.jpg



显示无匹配数据,
然后看看控制台
022006g1vvrani8v1hc938.jpg



报了一个 无法读取toLowerCase的错误,
然而当我输入白云的时候,
022007ph7efzkcvcrfard3.jpg



请问踩过这个坑的朋友们有什么解决方案吗,
有的话,请分享一下,拜谢!
我自己的备用解决方法将会使用select,,,,

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

全部参与2

当时用的什么方法还记得吗?我也在考虑这个问题,但是好像除了修改源代码比较方便以外,其他办法都比较麻烦。但是修改源代码不利于维护。

使用道具 举报

请问楼主解决了吗?

使用道具 举报

发新帖

发布任务需求已有1031167位用户正在使用天盟网服务

发布分类: *
任务预算: *
需求内容: *
手机号码: *
任务商家报价为
  • 预算价 :
  • 成交价 :
  • 完工期 :
  • 质保期 :

* 最终任务项目以服务商报价、双方协商为准!