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

楼主做的是一个三级联动的城市筛选，

后台给过来的数据并不全是按照label, value, children的key给到我，

数据格式

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

于是，需要自己转换

:options="options"

v-model="selectedOptions"

filterable

clearable

:props="props"

@change="handleAreaChange">

我自己的思路：

将前面两级的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

let a = {}

a.disName = this.options[i].proName

a.disCode = this.options[i].proCode

a.district = this.options[i].cities

d.push(a)

let e = []

console.log(d)

d[i].district.forEach(element => {

let b = {}

b.disName = element.cityName

b.disCode = element.cityCode

b.district = element.district

e.push(b)

})

d[i].district = e

}

this.options = d

})

效果

那么问题来了，

我输入北京搜索

好的完全没有问题

我继续输入广东

显示无匹配数据，

然后看看控制台

报了一个无法读取toLowerCase的错误，

然而当我输入白云的时候，

请问踩过这个坑的朋友们有什么解决方案吗，

有的话，请分享一下，拜谢！

我自己的备用解决方法将会使用select,,,,

element 搜索匹配_分享一个element-ui级联选择器的搜索问题，顺便问下有没有解决方案。...相关推荐

element 搜索匹配_如何在Element-ui中实现一个远程搜索功能
如何在Element-ui中实现一个远程搜索功能发布时间:2021-01-29 14:50:00 来源:亿速云阅读:87 作者:Leah 这篇文章给大家介绍如何在Element-ui中实现一个远程 ...
Element UI级联选择器(Cascader)获取级联对象
Element UI Cascader官网文档 GIF 代码: getCascaderObj = function(val, opt){return val.map(function (value, ...
element ui 级联选择器，渲染后不显示数据
element ui 的级联选择器只能用 value label 来渲染,而往往后端发给我们的数据并不是按照这个来命名的,所以element ui给我们提供了Props来进行配置但鉴于本人水平有限, ...
python 公众号文章发布_分享一个牛逼的Python项目：公众号文章爬虫
我订阅了近 100 个公众号,有时候想再找之前读过的文章,发现搜索起来特别困难,如果忘了收藏,估计得找半小时,更让人无语的是,文章已经发布者删除,或者文章因违规被删除.那么有没有这样的爬虫,可以将公众 ...
github高级搜索技巧_分享 | 一些 GitHub 的使用小技巧
点击上方蓝字设为星标每周一.三.五上午 8:30 准时推送下面开始今天的学习- 作为程序员而言,GitHub 的使用频率可能并不亚于 Google.对于 Google 我们知道一些高级搜索(比如要 ...
vc++6.0获取磁盘基本信息_分享一个实用脚本--一键获取linux内存、cpu、磁盘IO等信息...
概述今天主要分享一个shell脚本,用来获取linux系统CPU.内存.磁盘IO等信息. 脚本 #!/bin/bash # 获取要监控的本地服务器IP地址 IP=`ifconfig | grep i ...
编写一个弹出式菜单的shell程序_分享一个有趣的shell脚本--实现抓阄程序
概述今天主要分享一个有趣的shell脚本,用来实现抓阄,平时就不用剪刀石头布了. 需求使用shell编写一个抓阄的程序: 1.执行脚本后,输入英文名字全拼,产生随机数01-99之间的数字,数字越大 ...
mysql数据库新建一个递增的_分享一个mysql实验—基于数据库事务隔离级别RR及RC的测试...
概述今天主要分享一个最近做的实验,主要是测试mysql数据库在RR和RC不同事务隔离级别下的表现. MySQL使用可重复读来作为默认隔离级别的主要原因是语句级的Binlog.RR能提供SQL语句的写 ...
mac redis 客户端_分享一个免费好用的Redis桌面客户端
今天波波为做开发的朋友们分享一个免费好用的Redis桌面客户端.这个工具纯属机缘巧合下发现的,前几天波波在开发一个物联网平台,硬件通信部分用了Workman Gateway来负责通信和消息推送,结果因 ...

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

element 搜索匹配_分享一个element-ui级联选择器的搜索问题，顺便问下有没有解决方案。...相关推荐

最新文章

热门文章