小程序跳转小程序长按识别小程序码跳转小程序解决方案-小程序码转二维码-小程序码在线生成-即速应用

小程序跳转小程序长按识别小程序码跳转小程序解决方案-小程序码转二维码-小程序码在线生成

浏览量：2237 时间：2020-04-06 来源：啊k传

场景描述：1.
因为小程序跳转的时候需要公众号关联，但是关联的数量是有限的！因此该文章的处理方案是：a.关联的小程序，直接可以点击打开b.没有关联的，那么可以长按识别小程序码来进入小程序
下面展示效果：2.
1.点击关联有appid的时候，直接进入小程序2.点击没有appid的时候弹出小程序码，长按识别可以进入小程序
js代码：Page({data:{gameInfo:[{appid:"",gameId:12329,gameLogo:"http://zhihuiyuan.oss-cn-beijing.aliyuncs.com/1-wechet/game/1537246277627.png",//展示的图片gameName:"萌宠地图",gameUrl:"http://zhihuiyuan.oss-cn-beijing.aliyuncs.com/mYPYmhStYj.jpg",//小程序码},{appid:"wx2cb0ab4b1be0e577",gameId:12331,gameLogo:"http://zhihuiyuan.oss-cn-beijing.aliyuncs.com/1-wechet/game/1537246649090.png",//展示的图片gameName:"游戏点评家",gameUrl:"",},],},//点击方法1:跳转小程序intoUrl:function(e){console.log(e);vargameAppIde.currentTarget.dataset.appid;//游戏appidif(gameAppId){//存在appIdwx.navigateToMiniProgram({appId:gameAppId,//要跳转的小程序的appidpath:"",//跳转的目标页面extarData:{open:'auth'},success(res){console.log("跳转成功展示");}})}else{//不存在appIdthis.previewImageUrl(e);}},previewImageUrl:function(e){varurle.currentTarget.dataset.url;varimgArr[];imgArr.push(url);wx.previewImage({current:imgArr[0],//当前显示图片的http链接urls:imgArr//需要预览的图片http链接”列表“});},})3.
注意：previewImage中”urls“需要填写数组形式的值
wxml代码：viewclass"recommend_scroll_box"viewclass"recommend_hot_box"wx:for"{{gameInfo}}"wx:key"{{info.gameId}}"wx:for-item"info"viewimagesrc'{{info.gameLogo}}'data-url"{{info.gameUrl}}"data-appid'{{info.appid}}'bindtap"intoUrl"/image/viewtext{{info.gameName}}/text/view/view4.
注意：data-url如果写成data-URL,注意取值的时候还是varurle.currentTarget.dataset.url(忽略大小写问题！)
5.
希望小伙伴们能够看到自己想要的效果！