樓主做的是一個(gè)三級(jí)聯(lián)動(dòng)的城市篩選,后臺(tái)給過(guò)來(lái)的數(shù)據(jù)并不全是按照l(shuí)abel, value, children的key給到我,數(shù)據(jù)格式但是官方的props只能指到一級(jí),具體指到2-3級(jí)我還不沒(méi)弄明白。于是 , 需要自己轉(zhuǎn)換<el-cascader
??:options="options"
??v-model="selectedOptions"
??filterable
??clearable
??:props="props"
??@change="handleAreaChange">
</el-cascader>我自己的思路:將前面兩級(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?<?this.options.length;?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
??})
},效果那么問(wèn)題來(lái)了,我輸入北京搜索好的 完全沒(méi)有問(wèn)題我繼續(xù)輸入廣東顯示無(wú)匹配數(shù)據(jù),然后看看控制臺(tái)報(bào)了一個(gè) 無(wú)法讀取toLowerCase的錯(cuò)誤,然而當(dāng)我輸入白云的時(shí)候,請(qǐng)問(wèn)踩過(guò)這個(gè)坑的朋友們有什么解決方案嗎,有的話,請(qǐng)分享一下,拜謝!我自己的備用解決方法將會(huì)使用select,,,,
分享一個(gè)element-ui級(jí)聯(lián)選擇器的搜索問(wèn)題,順便問(wèn)下有沒(méi)有解決方案。
荼酒
2018-04-12 20:16:23