从一个页面跳转到下一个页面 小程序提供了方法
这里写一个demo 一般都是在一个view上绑定一个点击的事件然后在触发这个事件的时候跳转
wx.navigateTo(OBJECT)
保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack
可以返回到原页面。
OBJECT 参数说明:
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
url | String | 是 | 需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用? 分隔,参数键与参数值用= 相连,不同参数用& 分隔;如 'path?key=value&key2=value2' |
success | Function | 否 | 接口调用成功的回调函数 |
fail | Function | 否 | 接口调用失败的回调函数 |
complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
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中将要跳到的页面进行声明