微信小程序之页面的跳转
2017-02-28 15:21
309 查看
从一个页面跳转到下一个页面 小程序提供了方法
OBJECT 参数说明:
这里写一个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中将要跳到的页面进行声明
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中将要跳到的页面进行声明
相关文章推荐
- 微信小程序 页面跳转传参详解
- 微信小程序页面跳转三种方式
- 微信小程序 跳转页面的两种方法详解
- 微信小程序之页面跳转错误
- 微信小程序页面跳转与事件绑定,传值
- 微信小程序之----navigator页面跳转
- 微信小程序 页面跳转传递值几种方法详解
- 微信小程序详解——页面之间的跳转方式【路由】和参数传递
- 微信小程序实现页面内的跳转——scroll-view
- 微信小程序(页面跳转详解)
- 微信小程序12---页面跳转
- 微信小程序——页面跳转
- 微信小程序链接传参并跳转新页面
- 微信小程序 页面跳转和数据传递实例详解
- 微信小程序例子——点击文字实现页面跳转
- 微信小程序之页面跳转和参数传递
- 详解微信小程序 页面跳转 传递参数
- 微信小程序页面跳转传递值
- 微信小程序 详解页面跳转与返回并回传数据
- 微信小程序之页面跳转、传参