解決v-for中遍歷多個el-select時,下拉選擇框同步選擇問題


當v-for遍歷多個el-select時,由於v-model綁定的值為同一個,導致下拉選擇時多個下拉選擇框同步選擇問題

如圖是v-model綁定的同一個seatValue數據:

解決辦法:

一、為el-select綁定不同的v-mode值,將v-for傳遞的index值綁定在v-model的參數上( v-model="seatValue[index]" )

二、通過axios獲取數據時,創建一個新的seatValue空數組,通過map遍歷獲取到的fourthContentArr里的每一個對象數據,並每循環一個對象時,就往seatValue空數組里增添一個空字符串

三、在點擊發送按鈕發送當前行的數據時,通過seatValue[index].map遍歷當前seatValue對應的當前行的數據,使得當前點擊的下拉選擇框的seatValue,為獨立選擇,解決出現的多個下拉選擇框同步選擇問題,並達到向當前選擇的席位發送當前點擊的列表的數據。

四、以上方法實現了v-for遍歷的每一個el-select的v-model綁定的seatValue為各自獨有的


免責聲明!

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



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