资讯专栏INFORMATION COLUMN

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

SmallBoyO / 1024人阅读

摘要:导语开发的小程序中有个用户中心,需求是用户可以点击按钮从而跳转到新链接。实际上在做这个需求的时候,并没有很好的方法,以往的一些经验,也不适用于小程序,查了一些资料,也没有头绪。外链展示页面首先建立一个目录,这个目录用来展示外链中的内容。

导语

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

外链展示页面

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

navigator.wxml中,只需要一行代码即可

navigator.js中,修改url中的值

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

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


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


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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/29975.html

相关文章

  • 微信小程开发早知道

    摘要:小程序仍在不断更新和完善,旧代码可能会因不符合新政策,在下次发布的时候无法正常运行。用户微信支付后,需要后台推送消息到服务器,才能确认支付成功。小程序也存在兼容性问题,对待不愿更新微信的用户,要像对待忠实的用户一样,小程序基础库版本分布。 小程序没有跳转公众号、跳转公众号图文素材的能力。除非用户通过扫描二维码进入小程序的情景,可以显示关注公众号组件。公众号菜单、公众号图文素材可以打开...

    lyning 评论0 收藏0
  • 小程开发中的那些坑

    摘要:二小程序的图片只支持的,后台接口不能传或否则有些安卓机会不兼容在微信开发者工具中,可勾选不校验合法域名业务域名版本以及证书规则即可用,但是在实体里并没有这个选项,所以建议开发时就用路径。 前言 最近小程序特别火,不用安装,即开即用,用完就走。省流量,省安装时间等等优势吸引了大量用户,几乎所有大厂的APP都有小程序版本。我厂也有开发,所以我也加入了开发小程序的队伍,开发中的那些注意点和各...

    gself 评论0 收藏0
  • 微信小程开发常见坑

    摘要:前段时间稍微涉猎了微信小程序开发,踩了一些坑,在此总结出来,希望能为小伙伴们提供一点帮助。当然这不仅仅是对于微信小程序而言。于是找到微信开发环境上试试看,谢天谢地,搞定但是,图样图森破,微信一扫,还是依旧。 前段时间稍微涉猎了微信小程序开发,踩了一些坑,在此总结出来,希望能为小伙伴们提供一点帮助。 页面跳转 对于页面跳转,可能习惯性想到wx.navigateTo,但是在跳转到目标页...

    huayeluoliuhen 评论0 收藏0
  • 微信小程开发常见坑

    摘要:前段时间稍微涉猎了微信小程序开发,踩了一些坑,在此总结出来,希望能为小伙伴们提供一点帮助。当然这不仅仅是对于微信小程序而言。于是找到微信开发环境上试试看,谢天谢地,搞定但是,图样图森破,微信一扫,还是依旧。 前段时间稍微涉猎了微信小程序开发,踩了一些坑,在此总结出来,希望能为小伙伴们提供一点帮助。 页面跳转 对于页面跳转,可能习惯性想到wx.navigateTo,但是在跳转到目标页...

    13651657101 评论0 收藏0
  • 微信小程开发常见坑

    摘要:前段时间稍微涉猎了微信小程序开发,踩了一些坑,在此总结出来,希望能为小伙伴们提供一点帮助。当然这不仅仅是对于微信小程序而言。于是找到微信开发环境上试试看,谢天谢地,搞定但是,图样图森破,微信一扫,还是依旧。 前段时间稍微涉猎了微信小程序开发,踩了一些坑,在此总结出来,希望能为小伙伴们提供一点帮助。 页面跳转 对于页面跳转,可能习惯性想到wx.navigateTo,但是在跳转到目标页...

    Tamic 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<