循環條件下:
1.點擊函數@click="active(index)" 獲取點擊的位置
2.講索引值傳給class,點擊哪一個則顯示哪一個的樣式
3.在data添加ins的初始值
4.使用三目運算符切換圖片
三木運算符執行方法:如果index == ins為真,則顯示imgItem.active的圖片,否則顯示imgItem.path的圖片
5.書寫active方法
6.效果
循環條件下:
1.點擊函數@click="active(index)" 獲取點擊的位置
2.講索引值傳給class,點擊哪一個則顯示哪一個的樣式
3.在data添加ins的初始值
4.使用三目運算符切換圖片
三木運算符執行方法:如果index == ins為真,則顯示imgItem.active的圖片,否則顯示imgItem.path的圖片
5.書寫active方法
6.效果
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。