本文介绍了如何在Vue移动端项目中实现Tab切换与内容的一一对应。通过使用Vant UI的Tab组件，利用name属性匹配内容ID，并结合change事件监听标签切换，实现在切换时动态加载相应内容的方法。在实现过程中，发现在created生命周期钩子和methods中进行二次请求数据是关键，以确保每次切换都能加载正确的内容。
效果图目标：
从vant-ui组件当中可以找到tab切换与之对应的 name 属性可以通过名称匹配
于是， 我们可以通过动态绑定的name 绑定它的id
q
去vant-ui 上查看文档，我们发现 change 适合我们想要的方向， 可以激活标签并且改变时进行 触发，
于是我们就在tab 栏上用change 去绑定事件
起初，总觉得这样就已经完成了，后来，才渐渐发现，我们需要发送二次请求数据才可以根据
你的tab 标签切换不同的内容以及效果； 究竟怎么做呢！于是，我就尝试了二次请求的情况，分别在created生命周期 和methods方法里进行的
360
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
