今天由于工作有这个需求于是就去试了下,看了很多方法,对于我最后实现的样板和心得在此记录
随便搞个点击按钮
点击事件传的是商品详情地址,后续用正则提取出来
html
<view class="goods-item" v-for="(item,index) in goodsList" :key="index"@click="goToBuy(item.goodsLink)">
我看有些说要在app.json里配置,这个对于我没有影响,如果有这个问题的话可以看看别人的博客
其次在methods中写方法
html
goToBuy(link) {
// 判断是否运行在小程序环境
console.log(uni.getSystemInfoSync().uniPlatform)
if (uni.getSystemInfoSync().uniPlatform === 'mp-weixin') {
// 使用正则表达式提取商品ID
const productId = link.match(/\/product\/(\d+)\.html/);
wx.navigateToMiniProgram({
appId: 'wx91d27dbf599dff74', // 京东小程序的AppID
path: '/pages/item/detail/detail?sku=' + productId,
})
console.log('在小程序环境中');
} else {
console.log('不在小程序环境中');
}
},
然后点击可以跳转了
注意navigateToMiniProgram这个方法只适用于小程序跳转到小程序,
不然会报错API navigateToMiniProgram没有被实施啥的,或者就点击没效果
我一开始以为是什么微信小程序基座版本太低的问题,结果是只能在小程序开发者的真机调试中运行,达成了效果,另外在以上代码额外奉送如何判断是否在微信小程序的环境中的方法