vue 實現active點擊圖片切換


循環條件下:

1.點擊函數@click="active(index)" 獲取點擊的位置

 

 2.講索引值傳給class,點擊哪一個則顯示哪一個的樣式

 

 3.在data添加ins的初始值

 

4.使用三目運算符切換圖片

 

 三木運算符執行方法:如果index == ins為真,則顯示imgItem.active的圖片,否則顯示imgItem.path的圖片

 

5.書寫active方法

 

 6.效果

 


免責聲明!

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



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