小程序开发之如何打开新页面链接

这篇文章主要介绍小程序开发之如何打开新页面链接，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

创新互联专注于富顺网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供富顺营销型网站建设，富顺网站制作、富顺网页设计、富顺网站官网定制、小程序定制开发服务，打造富顺网络公司原创品牌,更为您提供富顺网站排名全网营销落地服务。

开发的小程序中有个用户中心，需求是用户可以点击按钮从而跳转到新链接。实际上在做这个需求的时候，并没有很好的方法，以往的一些经验，也不适用于小程序，查了一些资料，也没有头绪。最终的实现方法就是使用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>

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

以上是“小程序开发之如何打开新页面链接”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

分享题目：小程序开发之如何打开新页面链接
URL网址：https://www.cdcxhl.com/article24/jsegce.html

成都网站建设公司_创新互联，为您提供电子商务、外贸建站、关键词优化、手机网站建设、品牌网站制作、响应式网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联