用戶場景

在vue中運用,需要在循環(huán)的swiper組件中根據(jù)數(shù)據(jù)驅(qū)動顯示以及隱藏swiper中的部分輪播內(nèi)容

遇到的問題

修改數(shù)據(jù),并且確定數(shù)據(jù)已經(jīng)修改,但是顯示頁依舊沒有修改,并且只有部分有根據(jù)數(shù)據(jù)隱藏出來,部分沒有

原因

主要是因為loop模式會循環(huán)復(fù)制一些dom,達到無限循環(huán)的效果,這個時候,數(shù)據(jù)改變了,但是顯示結(jié)果未必會改變

解決辦法

通過原生js,document.querySelectorAll去選定所有需要修改的dom元素,這個時候只能通過原生js修改dom,然后用來控制dom的顯示與隱藏,數(shù)據(jù)v-show暫時沒辦法達到效果