微信小程序> 小程序开发:新页面打开链接

小程序开发:新页面打开链接

浏览量:870 时间: 来源:weixin_34366546

导语

开发的小程序中有个用户中心,需求是用户可以点击按钮从而跳转到新链接。实际上在做这个需求的时候,并没有很好的方法,以往的一些经验,也不适用于小程序,查了一些资料,也没有头绪。最终的实现方法就是使用navigator组件,如果哪位有更好的方法,或者我的实现方法有缺陷,请在下方指出。

外链展示页面

首先建立一个目录,这个目录用来展示外链中的内容。因为是外链,所以要用到web-view(注意这个组件有一些特性,从下方链接中查看)。
看一下目录结构,其中navigator就是展示外链的页面
小程序
navigator.wxml中,只需要一行代码即可

web-view src="{{url}}"/web-view

navigator.js中,修改url中的值

onLoad: function (options) {    if (options.url) {      this.setData({        // 设置当前链接        url: options.url      })    }   },

用户中心

在用户中心,只需要将链接跳转到/navigator/navigator中,并且带上参数即可,看下实例

!-- {{url}}中是外链地址 --navigator url="/navigator/navigator?url={{url}}"/navigator

上面的方法可以实现,当然实际项目要复杂些的,根据实际需求进行修改。


参考资料:小程序、navigator、web-view。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎