小程序开发之如何打开新页面链接-创新互联

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

成都创新互联专注于甘孜州企业网站建设,成都响应式网站建设,商城开发。甘孜州网站建设公司,为甘孜州等地区提供建站服务。全流程按需制作,专业设计,全程项目跟踪,成都创新互联专业和态度为您提供的服务

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


外链展示页面

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

看一下目录结构,其中navigator就是展示外链的页面

小程序开发之如何打开新页面链接
在navigator.wxml中,只需要一行代码即可

navigator.js中,修改url中的值

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

用户中心

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


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

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


当前名称:小程序开发之如何打开新页面链接-创新互联
文章网址:http://bzwzjz.com/article/jijod.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 网站建设开发 成都网站建设公司 营销网站建设 成都网站建设 品牌网站建设 营销型网站建设 高端网站设计 网站建设方案 宜宾网站设计 企业网站设计 重庆网站建设 成都网站设计 移动手机网站制作 营销型网站建设 成都企业网站建设公司 成都网站建设公司 app网站建设 成都网站设计 盐亭网站设计 重庆手机网站建设 成都网站制作