每一个列表对应着都有一个详情页面,那么这个详情页面可以通过一个标签去跳转,
<navigator url= '/pages/shopdetails/shopdetails'> </ navigator >
也就是用上述的标签就可以数显跳转
那么对应列表里面的详情页我们还需要在这个链接上进行一个操作。
<navigator url= '/pages/shopdetails/shopdetails?id={{item.id}}'>
也就是在链接后面 添加一个对应的id参数,然后js里面去接受这个参数,就会根据数据来跳转到对应的详情页去了。
exports.getShopDetail = id =>{
return get({
path:'/article/detail',
data:{id}
})
}
在方法里面传入这个id 然后通过传过来的id 在去渲染这个页面。这个是通过pormis去操控的一个函数
onLoad: function (query) {
console.log(query)
req.getShopDetail(query.id)
.then(data=>{
console.log(data)
if(!data.error){
this.setData({
info:data.info
})
}
})
},
在这个js文件里面在使用这个方法,把对应id的数据存到栏目data中。