vue之tab切换

1.定义子组件(就只示列一个组件的代码)



(2)在你写tab切换的页面中将子组件引入,通过@click给每个要点击的按钮添加tabChange事件,通过:class实现绑定当前页,tab切换主要依靠组件component实现,每个页签切换时,不想让改变页签内容,可以用keep-alive实现。ps(‘active_dd 是页签高亮显示类名’)具体代码如下:



效果图:

image.png

你可能感兴趣的:(vue之tab切换)