vue之tab切换的三种实现方式。

一、v-show控制内容切换

1.简单版原理:用点击事件改变num值作为开关,控制tab样式和内容显示隐藏。

点击切换vue的tab

2.数据渲染原理:主要利用v-for绑定的index来控制,跟上面差不多。
for-tab

二、组件切换。

1。知识点主要是vue中is的特性,和keep-alive缓存

vue组件切换

三、路由切换。(对地址栏和数据请求友好)

通过router-link实现。

在这里插入图片描述

写的非常简陋啊,有问题可以说下

原创文章 38 获赞 35 访问量 4万+

猜你喜欢

转载自blog.csdn.net/qq_42690547/article/details/90027986