首页 >

小程序开发之新页面链接打开办法(code)

微信小程序|小程序开发小程序开发之新页面链接打开办法(code)
php,微信小程序
微信小程序-小程序开发
本篇文章给大家带来的内容是关于小程序开发之新页面链接打开的方法(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
论坛源码手机php,vscode禅模式教学,ubuntu.vdi,tomcat服务卸载失败,打开sqlite数据库软件,马桶上的小黑点点爬虫,php 安装cgi,seo优化策划方案书,免费建网站代码,商城管理系统前台模板下载lzw
开发的小程序中有个用户中心,需求是用户可以点击按钮从而跳转到新链接。实际上在做这个需求的时候,并没有很好的方法,以往的一些经验,也不适用于小程序,查了一些资料,也没有头绪。最终的实现方法就是使用navigator组件,如果哪位有更好的方法,或者我的实现方法有缺陷,请在下方指出。
mfc餐厅管理系统源码,vscode前端入门,ubuntu驱动不兼容,tomcat映射文件,量化交易sqlite公式,雨滴桌面音乐频谱插件,前端桌面开发框架,晋江网站爬虫专家,php与asp.net,淘宝seo 论坛,游戏网站源码utf8,网页折叠显示,ecshop模板footer,html5 注册页面,网吧计费管理系统功能,源代码和程序lzw
外链展示页面
仿土巴兔装修网java源码,ubuntu开机默认登录,vue前端调用爬虫,php 群发通知,橘子网seolzw
首先建立一个目录,这个目录用来展示外链中的内容。因为是外链,所以要用到web-view(注意这个组件有一些特性,从下方链接中查看)。

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

小程序开发之新页面链接打开办法(code)
在navigator.wxml中,只需要一行代码即可

navigator.js中,修改url中的值

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

用户中心

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

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


小程序开发之新页面链接打开办法(code)
  • 微信小程序开发需要了解的三个内核技术
  • 微信小程序开发需要了解的三个内核技术 | 微信小程序开发需要了解的三个内核技术 ...

    小程序开发之新页面链接打开办法(code)
  • 微信小程序实现滚动加载数据办法介绍
  • 微信小程序实现滚动加载数据办法介绍 | 微信小程序实现滚动加载数据办法介绍 ...

    小程序开发之新页面链接打开办法(code)
  • 微信小程序开发高清图文教程
  • 微信小程序开发高清图文教程 | 微信小程序开发高清图文教程 ...