联系我们 - 广告服务
您的当前位置:主页 > 布局 > 开发 >

导航组件

来源:未知 编辑:admin 时间:2018-01-19
导读: navigator/是小程序中的页面链接,其作用和HTML中超链接标签一样,主要控制页面的跳转。链接内容可以是一个字、一个词或者一组词,也可以是一幅图,你可以点击这些内容来跳转到新的页面,navigator/属性如下:url:应用内跳转链接。链接地址为需要跳转页面的
<navigator/>是小程序中的页面链接,其作用和HTML中超链接标签一样,主要控制页面的跳转。链接内容可以是一个字、一个词或者一组词,也可以是一幅图,你可以点击这些内容来跳转到新的页面,<navigator/>属性如下:·url:应用内跳转链接。链接地址为需要跳转页面的相对地址。·redirect:跳转行为是否为重定向,如果为true,则跳转时会关闭当前页面。默认值为false。·open-type:可选值'navigate'、'redirect'、'switchTab',对应于wx.navigateTo、wx.redirect-To、wx.switchTab的功能,默认值为navigate。
·hover-class:点击时的样式类,当hover-class="none"时,没有点击效果。默认值为navigator-hover。navigator-hover默认为{background-color:rgba(0,0,0,0.1);opacity:0.7;},<navigator/>子节点背景色应为透明色。页面间跳转可以通过url进行参数传递,规则符合URL协议,新页面可以通过注册onLoad方法获取参数,我们也可以通过redirect和url的配合实现刷新当前页面,如图所示。

navigator页面代码如下:
<navigator url="../recevie/recevie?name=weixinapp&time=2016">   跳转到其他页面 </navigator>
<navigator url="../recevie/recevie?name=weixinapp" hover-class="myhover" redirect>   重定向到其他页面 </navigator> <navigator url="../navigator/navigator?name=weixinapp" hover-class="myhover" redirect>   刷新当前页面 </navigator>
我们在recevie页面通过注册onLoad事件获取传入的参数,如图所示。

<view>  
name:{{query.name}},age:{{query.time}}
</view> Page( {   data : {     query : {}   },   onLoad : function( query ) {       /* 框架已将参数转化为onLoad参数 */     this.data.query = query;     this.setData( this.data );   } } );  
一些简单的数据可以通过url进行传递,但一些较为复杂的数据对象就需要我们通过架构实现。
责任编辑:admin

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

上一篇:form组件
下一篇:媒体组件 image

网友评论:

在“\templets\demo\comments.htm”原来的内容全部删除,插入第三方评论代码,如果不需要评论功能,删除comments.html里面的内容即可
推荐使用友言、多说、畅言(需备案后使用)等社会化评论插件

Copyright © Tricks资讯网 版权所有
本站所有资讯来源于网络 如有侵权请联系QQ:940910888 技术支持鹏博科技
Top