搜索页列表(跳转传参和动态传参接收query,params)

封装api方法

首先在api下新建个produce.js,封装一下请求方法

需要注意的是,注意传值的形式,如果({})接收的是对象,传值也要是对象

而那边是多参数,传的是对象过来,这边也一定要用对象来接收!否则接收不到数据

比如下列错误案例中,传值为非对象,在views中

const res = await getProducelist({}) 不能为对象,只能(实参)

然后请求即可

参数查询方法都是route!别和router搞混了

跳转传参的查询方法是 this.$route.query.参数名

动态传参的查询方法是this.$route.params.参数名

最后渲染到页面即可,在value中可以动态渲染一下,没值的时候渲染“搜索商品”,要注意都要写到双引号“”内

分类页

接下来就是分类页,还是先写api接口

学习这里:class的用法!

接下来就是渲染即可

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值