小程序获取服务器商品列表,【前端小程序】04-商品列表页面

1. 根据 分类id 获取商品列表

可以通过接口地址直接传递参数的方式：

可以通过接口地址直接传递参数的方式

该参数id在跳转到的页面，页面加载的页面生命周期函数中的options参数中可以获取 options.cid。

页面加载的生命周期函数中获取传递的参数

2. 自定义顶部tabs组件

3. 获取动态数据

在data中定义一个变量用于接收商品列表数据。

定义一个全局的参数对象,封装查询条件:

QueryParams: {

query: "", // 关键词

cid: "", // 分类id

pagenum: 1, // 页码

pagesize: 10 // 页容量

},

获取商品列表，使用ES7的语法：

/**

* 获取商品列表

*/

async getGoodsList() {

const result = await request({ url: "/goods/search", data: this.QueryParams });

const goodsList = result.data.message.goods;

console.log(goodsList);