關於v-for中使用v-if或者v-bind:class失效的問題

在v-for循環出來的列表中使用v-bing動態綁定class、v-show或v-if動態控制個別item   場景一般多用於多項選擇

原因是在v-for循環的時候 items是動態創建,所以不會被監聽並且實時動態控制class



解決方法是  vm.$set    官方文檔中有介紹

我的解決方法使用了框架自帶多選按鈕,將樣式呈現出來



但僅僅是樣式呈現,在循環items的時候,給它新增屬性isSelect


然後在點擊選擇的時候,動態設置isSelect屬性


在提交的時候去循環判斷該list每一項的isSelect屬性,從而達到同樣的效果

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章