第一個問題: 遠程查詢時需要觸發(fā)空格鍵才可以獲取到下拉選的數(shù)據(jù)
以溧陽立訊前端項目為例---界面路徑如下:
- src/views/technology/technologyharnessbasicautomata.vue
- src/const/technology/technologyharnessbasicautomata.js
解決方案如下:
方案一: 此bug是Avue底層的問題椎麦,等Avue升級為最新版本2.8.15即可;但是升級版本可能會存在其他未知bug
Avue升級版本后解決
方案二: 緊急解決方案----在每一個涉及到遠程查詢的地方添加如下代碼(加入綠色框里的代碼)归园,如圖所示
遠程搜索需按空格下拉才會有數(shù)據(jù)
- 注: 如果項目開發(fā)周期較短建議選擇第二種方案涨醋; 反之叔磷,開發(fā)人員等升級版本后即可自動解決此bug
第二個問題: 涉及到帶遠程查詢的下拉選遣臼,默認會顯示前10條翘单,但我們手動輸入需要選擇十條以外的數(shù)據(jù)彩届,此時會出現(xiàn)如下問題: 編輯表單時伪冰,手動輸入的數(shù)據(jù)回顯的是id
以溧陽立訊前端項目為例---界面路徑如下:
解決方案分為如下四步:
第一步: 在界面中先綁定一個彈窗打開前的回調事件,如下圖所示
彈窗打開前回調
第二步: 下拉選是根據(jù)id去查的樟蠕,具體代碼如下贮聂,重點看粉色框部分代碼
后臺接口返回此字段對應的id
第三步: 后臺接口返回的中文字段,代碼寫法如下
后臺接口返回此字段對應的中文
第四步: 彈窗打開前回調事件方法寨辩,代碼如下
彈窗打開前回調方法如圖所示
最后我們自己測試一下吓懈,上述bug均已解決!C夷耻警!