微信小程序跳转公众号

1.在wxml中绑定跳转链接事件

<view  bindtap="navigateToURL" data-url="{{item['url']}}" data-myid="{{item['id']}}" wx:for="{{Arr}}" wx:key="*this">

传入跳转链接(如果有后台自己定义的文章可以传入id)

2.js文件中

  //跳转公众号navigateToURL(e) {let navigateURL = e.currentTarget.dataset.url;let id = e.currentTarget.dataset.myid;if (e.currentTarget.dataset.url) {wx.navigateTo({url: '../outer/outer?url=' + navigateURL })} else {wx.navigateTo({url: '../detail/detail?id=' + id})}}

这个是有两种跳转路径，如果只有一种就把if判断去掉就好了。

//outer.wxml代码<web-view src="{{url}}"> </web-view>

//outer.js代码data: {url:''},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {let fromPath=decodeURIComponent(options.url);this.setData({url:fromPath})}

这样就OK啦。

微信小程序跳转公众号相关推荐

微信小程序跳转公众号
长按识别跳转步骤: 新建一个页面使用web-view组件的src链接到公众号编辑好的一篇带有公众号的二维码的文章微信规则只有小程序关联的公众号里的文章可以长按识别二维码 <template& ...
微信小程序跳转公众号图文内容
显示公众号推文 <web-view src="http://....."></web-view>  web-vi ...
微信小程序跳转公众号链接
小程序跳转微信公众号文章,是通过web-view实现的. 1.web-view会默认自动打开所跳转的页面,但我们一般项目需求是点击某一按钮或下一步进行跳转,所以在小程序中我们需要新建一个页面来承载we ...
微信小程序跳转公众号推文
注:笔者是自学小程序,自身开发经验不足,代码肯定存在不规范和不足,该博客参考一下就好完整项目代码:https://github.com/zim-keavin/wxapp-cloud-demo 实现在 ...
微信小程序跳转公众号（引导关注）之使用公众号消息
1.首先在微信公众号后台发送一条消息,这条消息你可以定向发送给自己看到就行.如图: 内容里面放生产的公众号二维码:微信会提示你是否生产这个跳转连接,还是只是放二维码 2:第二步在小程序里面使用 s ...
微信小程序跳转公众号文章 web-view方式
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.在微信公众号里面关联小程序二.在小程序里面关注微信公众号三.使用公众号来发布文章前言提示:这里可以添加本文 ...
微信小程序跳转公众号文章非web-view
之前公司有个需求,非要让从小程序直接跳转到h5页面但是还不能用web-view 是实现,于是乎较劲脑汁,查阅各种论坛,依然一无所获,就当准备放弃了就去github 发现了一个类似的,于是就研究了 ...
微信小程序跳转公众号h5页面
小程序提供了web- view组件进行用来内嵌网页根据限制说明准备域名即可,开发阶断可以使用http的域名,在开发者工具中勾选不验证https证书即可,发布上线时必须使用https的域名. 同时需要 ...
React + Taro 小程序跳转公众号
Taro小程序跳转公众号的文章步骤:登录公众号后台-小程序-小程序管理-添加-关联小程序关联后就可以在微信的公众平台查看(设置-关联设置-关联公众号) 如图所示: 然后使用web-view 我这个 ...

微信小程序跳转公众号

微信小程序跳转公众号相关推荐

最新文章

热门文章

微信小程序 跳转公众号

微信小程序 跳转公众号相关推荐

最新文章

热门文章

微信小程序跳转公众号

微信小程序跳转公众号相关推荐