微信小程序之页面的跳转

从一个页面跳转到下一个页面 小程序提供了方法

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值