[vue] 使用vue寫一個tab切換

v-for循環，利用下標和v-show顯示`<div id="app"><ul class="tabs"><li class="li-tab" v-for="(item,index) in tabsParam" @click="toggleTabs(index)" :class="index===nowIndex?'active':''">{{item}}</li></ul><div class="divTab" v-show="nowIndex===0">我是tab1</div><div class="divTab" v-show="nowIndex===1">我是tab2</div><div class="divTab" v-show="nowIndex===2">我是tab3</div><div class="divTab" v-show="nowIndex===3">我是tab4</div> </div>`

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[vue] 使用vue写一个tab切换的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。