您的位置:首页 > 移动开发 > 微信开发

微信小程序之页面的跳转

2017-02-28 15:21 309 查看
从一个页面跳转到下一个页面 小程序提供了方法

wx.navigateTo(OBJECT)

保留当前页面,跳转到应用内的某个页面,使用
wx.navigateBack
可以返回到原页面。

OBJECT 参数说明:

参数类型必填说明
urlString需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用
?
分隔,参数键与参数值用
=
相连,不同参数用
&
分隔;如 'path?key=value&key2=value2'
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)
这里写一个demo 一般都是在一个view上绑定一个点击的事件然后在触发这个事件的时候跳转
demo的页面



navigator页面之间的链接  如果是直接跳转可以直接在url中输入想跳转的页面就可以了  这里是点击不同按钮跳到不同页面就直接给view点击事件bindtap为selectSection



在js文件中写触发点击事件的方法selectSection,点击第一个按钮跳转Material页面 点击第二个按钮跳转Article页面



如果想进行页面之间的传值 可以在url后边加上? 列如 ../../artic/artic?id=1 

在下一页面如何取值?在onLoad方法中直接取options.id就能取到上个页面传给的1  console.log(options.id); 就会输出1

页面跳转记得一定要在app.josn中将要跳到的页面进行声明

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息