關於antd-vue動態表單的問題以及解決方案


antd-vue
如圖 :

如圖:下拉框的value若為多選時,domain(該input)回顯對應options,
如果沒有增減按鈕,這個需求在通過for循環的input-item上拿到當前index並對其進行操作,但在有了增減按鈕后,index已經不能完成當前需求了:因為index會隨着增減導致的input數量的變化而變化,從而導致選中的item發生偏移,針對這種情況,可以嘗試另一種方式
1.鑒於index的不確定性,可以在item中聲明一個唯一key,可以使用return時間戳格式的(Date.now())方法作為item的唯一key
2.在input事件中,通過攜帶item傳參,然后在整個domains數組中進行遍歷通過對比key是否相同來確定用戶究竟點擊的是哪一個input-item,這樣就避免了點擊了第0項導致第1項發生響應。

以上。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM