vue中選中彈出框內的表格


一:可多選情況且對應勾選

 

由於是彈出框形式,所以會出現新增DOM與數據的改變問題,因此要使用$nextTick,不然一開始彈出得時候DOM還沒有生成,卻要獲取DOM會報錯;這種多選情況會出現一個bug,由於el-table的selection-change會執行兩次問題,在每次選中之前(數據更新),這個事件都會執行一次,它會先清除上一次的所有選中,然后在對應選中這次的toggleRowSelection傳入的參數,當你發現上一次點開有選中而這次點開選中消失,再下一次點擊又有選中時,就是應為每次數據改變都會執行selection-change方法,會清掉上次選中的數據,這是就可以在vue的update方法中去寫選中大方法,直接上代碼:

 

不要在點擊彈出框之后就做對應的選中,放在update屬性中就會避免這種選中了下次又不見了的bug

二:只可單選且對應勾選

 

 這種形式就是簡單一些,也不會出現DOM加載問題和選中消失問題,直接上代碼:

 

 彈出框內table選中問題記錄。有什么問題可以在下面留言,歡迎提問!

 


免責聲明!

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



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