首页 >> js开发 >> js微信小程序开发(二):页面跳转并传参操作示例js大全
js微信小程序开发(二):页面跳转并传参操作示例js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
本文实例讲述了微信小程序页面跳转并传参操作。分享给大家供大家参考,具体如下:本篇文章主要记录:保留当前页面,跳转到应用内的某个页面的。。路由。跳转后的页面将在标题栏左上角带一个返回按钮。wx.navigateTo wx.navigateTo wxml:
在view上绑定了一个方法:onPostClickJS:
onPostClick: function (event) {
//跳转至发送信息页面,带返回按钮
wx.navigateTo({
url: '../groupWriteTalk/groupWriteTalk?project_id=' + this.data.project_id
})
},
onPostClick: function (event) {
//跳转至发送信息页面,带返回按钮
wx.navigateTo({
url: '../groupWriteTalk/groupWriteTalk?project_id=' + this.data.project_id
})
},
在跳转后的页面中的onload方法中:
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var that = this;
that.setData({
project_id: options.project_id
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var that = this;
that.setData({
project_id: options.project_id
})
},
在参数options中可以获得上一页传过来的参数。返回上一页的方法:返回上一页的方法:wx.navigateBack :关闭当前页面,返回上一页面或多级页面wx.navigateBack
//跳回小组讨论列表页面
wx.navigateBack();
//跳回小组讨论列表页面
wx.navigateBack();
希望本文所述对大家微信小程序设计有所帮助。
在view上绑定了一个方法:onPostClickJS:
onPostClick: function (event) {
//跳转至发送信息页面,带返回按钮
wx.navigateTo({
url: '../groupWriteTalk/groupWriteTalk?project_id=' + this.data.project_id
})
},
onPostClick: function (event) {
//跳转至发送信息页面,带返回按钮
wx.navigateTo({
url: '../groupWriteTalk/groupWriteTalk?project_id=' + this.data.project_id
})
},
在跳转后的页面中的onload方法中:
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var that = this;
that.setData({
project_id: options.project_id
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var that = this;
that.setData({
project_id: options.project_id
})
},
在参数options中可以获得上一页传过来的参数。返回上一页的方法:返回上一页的方法:wx.navigateBack :关闭当前页面,返回上一页面或多级页面wx.navigateBack
//跳回小组讨论列表页面
wx.navigateBack();
//跳回小组讨论列表页面
wx.navigateBack();
希望本文所述对大家微信小程序设计有所帮助。
相关文章:
- jsvue项目使用$router.go(-1)返回时刷新原来的界面操作js大全
- jsJS实现audio音频剪裁剪切复制播放与上传(步骤详解)js大全
- js代码处理JavaScript值为undefined的7个小技巧
- jsVue组件跨层级获取组件操作js大全
- js解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题js大全
- js解决vue页面渲染但dom没渲染的操作js大全
- js谈一谈vue请求数据放在created好还是mounted里好js大全
- js解决vue的router组件component在import时不能使用变量问题js大全
- js在vue中使用防抖函数组件操作js大全
- jsVue中的this.$options.data()和this.$data用法说明js大全