Vuejs实现简单的Tab切换效果

实现思路：

1.菜单数据，定义在data属性内，可以通过axios从接口获取动态绑定；

2.data属性内定义一个索引num变量，初始值0；

3.每个tab选项增加根据当前索引和num值是否相同，如果是相同，则添加样式；

4.每个tab选项卡的点击事件，将当前点击的索引值赋值给num变量；

示例代码：

!DOCTYPEhtml

html

head

metacharset=UTF-8

titleVue之class和style样式绑定/title

scriptsrc=

转载请注明：http://www.aierlanlan.com/rzdk/3864.html