亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue+element項目,select組件搜索改變下拉部分選項之后,再次搜索出現鍵盤上下選擇選項時無法按照列表順序選擇怎么辦?

vue+element項目,select組件搜索改變下拉部分選項之后,再次搜索出現鍵盤上下選擇選項時無法按照列表順序選擇怎么辦?

鴻蒙傳說 2019-10-17 09:32:44
vue+element項目select組件搜索改變下拉部分選項之后,再次搜索出現鍵盤上下選擇選項時無法按照列表順序選擇,而是變成列表順序還是正常的,但是用鍵盤的上下選擇選項時,會跳過上次搜索出的那項數據,等選擇完其他的之后再跳到上次搜索的數據上嘗試過清空搜索出的列表,但是沒有用,也看了搜索之后data中列表順序是對的,但是就是上下鍵選擇時不對,也不報錯相關代碼商品編號69碼商品名稱生產廠商{{item.commodityCode}}{{item.SixNineCode}}{{item.name}}{{item.manufactor}}js部分filterGoodsBatchData(v){this.searchGoodsBatchData=vthis.goodsListData=[]console.log('搜索之前先清空',this.goodsListData)this.goodsListData=this.copyGoodsListData.filter((item)=>{constval=v.toLowerCase()if(item.commodityCode.indexOf(val)!==-1)returntrueif(item.SixNineCode.indexOf(val)!==-1)returntrueif(item.name.indexOf(val)!==-1)returntrueif(item.manufactor.indexOf(val)!==-1)returntrue})console.log('搜索之后',this.goodsListData)},請問各位這是要怎么才能解決呢?百度了兩天了都沒找到對應的答案
查看完整描述

2 回答

?
慕村9548890

TA貢獻1884條經驗 獲得超4個贊

這個是Element-UISelect組件自身的bug,它官方網站給出的案例也是這樣的情況,建議自己封裝組件實現特殊功能,靈活性更大。
                            
查看完整回答
反對 回復 2019-10-17
?
catspeake

TA貢獻1111條經驗 獲得超0個贊

你需要設置個中間變量來接收你搜索的值,你的原始數據是不能動的
{{item.username}}
{{item.userId}}
userFilter(query=""){
letarr=this.dataList.filter(item=>{
return(
item.username.indexOf(query)!=-1||item.userId.indexOf(query)!=-1
);
});
this.userDataTemp=arr;
},
                            
查看完整回答
反對 回復 2019-10-17
  • 2 回答
  • 0 關注
  • 1987 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號