vue 移动端项目 如何实现tab切换与内容一一对应呢

效果图目标:

从vant-ui组件当中可以找到tab切换与之对应的 name 属性可以通过名称匹配

 于是, 我们可以通过动态绑定的name 绑定它的id

q

去vant-ui 上查看文档,我们发现 change 适合我们想要的方向, 可以激活标签并且改变时进行 触发,

 于是我们就在tab 栏上用change 去绑定事件

 起初,总觉得这样就已经完成了,后来,才渐渐发现,我们需要发送二次请求数据才可以根据

你的tab 标签切换不同的内容以及效果; 究竟怎么做呢!于是,我就尝试了二次请求的情况,分别在created生命周期 和methods方法里进行的

猜你喜欢

转载自blog.csdn.net/weixin_59519449/article/details/123925502