前端学习笔记之vue项目有关滚动标签实现相应页面更新的问题

在这里插入图片描述
怎么实现点击上面的滚动标签来实现页面的更新?

先从后端获取brotherCategory的数据
在这里插入图片描述
这里就是标题页面滚动栏的数据,@change调用getList函数,标签变化时(点击标签)就调用此函数,更新一次相应的页面信息。
在这里插入图片描述

这里插入图片描述
getList函数的作用是发送get请求,获取与滚动标签相应id的页面信息。他的参数有两个cid是指滚动标签的id,如布艺软装的id,抱枕的id…… 第二个参数是page,可以看出传入的为固定值1

mounted里面通过对brotherCategory的forEach循环调用getList函数用来获取每个滚动标签相应的商品信息页面。返回的是一个数组,添加this.brotherCategory.plist中保存
在这里插入图片描述
这里的item是this.brotherCategory的每一项。(这里加了v-if的判断是因为数据不全,有的plist中没有数据)
(to:这里是跳转到另一个页面,地址通过路由来接收)
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值