1,写好goodsinfo接口在created生命周里调用一次这个接口表明页面一打开就会有根据条件请求的数据

在json-server里面搜索商品有几个单词要记住 ,第一是_sort排序的字段一般是数据库的字段比如id  ,第二是 _order:"asc" 升序  _order:"desc" 降序,第三是_page显示第几页,第四是_limit一页显示几条数据

vue/cli /vant 怎么实现搜索商品_ios

 

 2,使用监听属性监听order key  type  sort的改变情况只要发生改变就请求数据  在methods方法里面写一个serch()方法用来查找对应的商品这个个方法里面调用goodsinfoModel这个接口

这个接口对应一个方法query(params) 注意params是一个动态对象 这个对象里放几个要根据什么条件查询 要_page _limit _sort _order type 这个type要进行判断因为在点击全部的时候type为0就不会显示所有的数据,当type不为0就把type放进这个对象里面 为0就不放 ,params对象里就没有这个属性此时会显示所有的数据 因为query()没有参数就表明查询所有 axios成功之后就行list赋值 

vue/cli /vant 怎么实现搜索商品_sort排序_02

 

 vue/cli /vant 怎么实现搜索商品_数据_03