内容简介:开发的小程序中有个用户中心,需求是用户可以点击按钮从而跳转到新链接。实际上在做这个需求的时候,并没有很好的方法,以往的一些经验,也不适用于小程序,查了一些资料,也没有头绪。最终的实现方法就是使用首先建立一个目录,这个目录用来展示外链中的内容。因为是外链,所以要用到看一下目录结构,其中
导语
开发的小程序中有个用户中心,需求是用户可以点击按钮从而跳转到新链接。实际上在做这个需求的时候,并没有很好的方法,以往的一些经验,也不适用于小程序,查了一些资料,也没有头绪。最终的实现方法就是使用 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应用程序,并传递相关参数方法
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Lighttpd源码分析
高群凯 / 机械工业出版社 / 2010-3 / 59.00元
本书主要针对lighttpd源码进行了深度剖析。主要内容包括:lighttpd介绍与分析准备工作、lighttpd网络服务主模型、lighttpd数据结构、伸展树、日志系统、文件状态缓存器、配置信息加载、i/o多路复用技术模型、插件链、网络请求服务响应流程、请求响应数据快速传输方式,以及基本插件模块。本书针对的lighttpd项目版本为稳定版本1.4.20。 本书适合使用lighttpd的人......一起来看看 《Lighttpd源码分析》 这本书的介绍吧!