樓主做的是一個(gè)三級(jí)聯(lián)動(dòng)的城市篩選，

后臺(tái)給過來的數(shù)據(jù)并不全是按照label, value, children的key給到我，

數(shù)據(jù)格式

但是官方的props只能指到一級(jí)，具體指到2-3級(jí)我還不沒弄明白。

于是 ， 需要自己轉(zhuǎn)換

:options="options"

v-model="selectedOptions"

filterable

clearable

:props="props"

@change="handleAreaChange">

我自己的思路：

將前面兩級(jí)的key全部轉(zhuǎn)換成最后一級(jí)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

})

},

效果

那么問題來了，

我輸入北京搜索

好的 完全沒有問題

我繼續(xù)輸入廣東

顯示無匹配數(shù)據(jù)，

然后看看控制臺(tái)

報(bào)了一個(gè) 無法讀取toLowerCase的錯(cuò)誤，

然而當(dāng)我輸入白云的時(shí)候，

請(qǐng)問踩過這個(gè)坑的朋友們有什么解決方案嗎，

有的話，請(qǐng)分享一下，拜謝！

我自己的備用解決方法將會(huì)使用select,,,,

總結(jié)

以上是生活随笔為你收集整理的element 搜索匹配_分享一个element-ui级联选择器的搜索问题，顺便问下有没有解决方案。...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。