微信小程序之页面的跳转

来源:互联网 发布:淘宝店铺隐藏优惠券 编辑:程序博客网 时间:2024/05/28 15:07
从一个页面跳转到下一个页面 小程序提供了方法

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中将要跳到的页面进行声明


0 0
原创粉丝点击