css vue 选项卡_vuejs实现标签选项卡动态更改css样式的方法

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;

}

//

}

});

总结

以上所述是小编给大家介绍的vuejs实现标签选项卡动态更改css样式，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！