uniapp商品跳到详情页以及传id

1. 首先给对应要跳转的商品，一个点击事件 @tap="goodsInfo($event,item.goods_id)"

// $event, 可以得到点击事件的内容，goods_id 想要传的商品id（根据接口id名写）

2. 在methods里面写跳转页面的方法名

goodsInfo(e,goods_id){

console.log(e,goods_id); //就可以输出id

在这个方法里面写页面跳转

uni.navigateTo({

// url地址上也带有商品的id

url:"/pages/goods/goods?goods_id="+goods_id

})

}

3. // 页面传过来的值，id，写在onload里面（官方文档里的）

onLoad(option) {

// console.log('商品id:',option)

this.goods_id=option.goods_id //在data里面定义的goods_id让它=传过来的id

},

4. 跳转到对应的商品详情页

onReady() {

//详情页的接口goodsShow，需要带参数

goodsShow({goods_id:this.goods_id}).then(res=>{

console.log('商品详情的数据',res.data.data);

this.goods=res.data.data

})

}

5.拿到数据接下来就是渲染页面