uniapp写小程序跳转公众号H5链接 |
您所在的位置:网站首页 › 公众号文章怎么跳转网页链接 › uniapp写小程序跳转公众号H5链接 |
需求: 需求是小程序的首页banner图来自pc端配置生产。 在小程序点击轮播的banner图后,跳到对应的linkurl,但是我们和客户约定好,只能跳转公众号。 一开始看了小程序的文档,需要配置什么业务域名,下载校验文件,其实不需要。只需要一个webview页面即可。 实现:
跳转之后: 具体步骤: 1.首先创建要一个webview的文件夹 代码如下: export default { data() { return { url: '' } }, onLoad(item) { // 传入需要跳转的链接 使用web-view标签进行跳转 this.url = decodeURIComponent(item.url) } }2.在业务点击按钮层面直接跳转传入url: 注意:公众号链接可以打开你的公众号文章,然后点击右上角,再点击复制链接就可以了,一般我们都是和用户约定好,只能配置公众号文章,所以我们是动态跳转至用户配置的url; skipLink(e) { // 你的公众号链接 let url = 'https://mp.weixin.qq.com/s/xxxxxxx'; uni.navigateTo({ url: '/pages/index/webview?url=' + url }) },动态配置业务代码: skipLink(e) { if(this.urlList[e]) { uni.navigateTo({ url: '/pages/index/webview?url=' + this.urlList[e] }) } }, |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |