内容简介:开发的小程序中有个用户中心,需求是用户可以点击按钮从而跳转到新链接。实际上在做这个需求的时候,并没有很好的方法,以往的一些经验,也不适用于小程序,查了一些资料,也没有头绪。最终的实现方法就是使用首先建立一个目录,这个目录用来展示外链中的内容。因为是外链,所以要用到看一下目录结构,其中
导语
开发的小程序中有个用户中心,需求是用户可以点击按钮从而跳转到新链接。实际上在做这个需求的时候,并没有很好的方法,以往的一些经验,也不适用于小程序,查了一些资料,也没有头绪。最终的实现方法就是使用 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>
上面的方法可以实现,当然实际项目要复杂些的,根据实际需求进行修改。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- 点击a链接打开第三方页面变成下载页面问题
- angularjs – 量角器按钮在新选项卡中单击并打开页面
- RXThinkCMF_TP6 v3.1.1 旗舰版发布,解决无权限时打开页面的问题
- 怎样打开XML文件?xml文件如何打开?
- Android获取软键盘的高度、键盘的打开与关闭、监听键盘处于打开还是关闭状态
- php打开本地exe程序,js打开本地exe应用程序,并传递相关参数方法
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Head First Design Patterns
Elisabeth Freeman、Eric Freeman、Bert Bates、Kathy Sierra、Elisabeth Robson / O'Reilly Media / 2004-11-1 / USD 49.99
You're not alone. At any given moment, somewhere in the world someone struggles with the same software design problems you have. You know you don't want to reinvent the wheel (or worse, a flat tire),......一起来看看 《Head First Design Patterns》 这本书的介绍吧!