html

• {{item.name}}

js

var app = new Vue({

el:"#app",

router,

data:{

m:"hello vue.js",

active:'2',

idx:'0', //默認選擇首頁

headerList:[

{name:'首頁1'},

{name:'首頁2'},

{name:'首頁3'},

{name:'首頁4'},

{name:'首頁5'},

{name:'首頁6'}

]

},

methods:{

// 1.選擇

selectMainTheme:function(index){

console.log("selectMainTheme" + index);

console.log("idx" + this.idx);

this.idx = index;

}

//

}

});

總結(jié)

以上所述是小編給大家介紹的vuejs實現(xiàn)標(biāo)簽選項卡動態(tài)更改css樣式，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

總結(jié)

以上是生活随笔為你收集整理的css vue 选项卡_vuejs实现标签选项卡动态更改css样式的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。