uniapp 修改上一页数据
时间: 2023-12-08 18:05:32 浏览: 184
uniapp 表格uniapp 表格,增删改查
在 UniApp 中,要修改上一页的数据,可以通过以下步骤实现:
1. 使用`uni.navigateBack`方法返回上一页,并传递要修改的数据参数。
2. 在上一页的`onShow`生命周期函数中,通过`getApp().globalData`全局对象获取传递的数据参数。
3. 在`onShow`中修改上一页的数据。
以下是示例代码:
// 上一页的页面(A页面)
export default {
data() {
return {
message: ''
}
},
methods: {
goBack() {
uni.navigateBack({
delta: 1,
success: () => {
// 返回上一页成功后执行的回调函数
const pages = getCurrentPages();
const prevPage = pages[pages.length - 2]; // 上一页的页面实例对象
// 修改上一页的数据
prevPage.setData({
message: this.message
});
}
});
}
}
}
// 当前页面(B页面)
export default {
data() {
return {
newMessage: ''
}
},
methods: {
submit() {
// 获取用户输入的新数据
this.newMessage = '新的数据';
// 返回上一页并传递要修改的数据
const pages = getCurrentPages();
const prevPage = pages[pages.length - 2];
prevPage.setData({
message: this.newMessage
});
this.goBack();
},
goBack() {
uni.navigateBack({
delta: 1
});
}
}
}
在示例代码中,通过`setData`方法修改了上一页(A页面)中的`message`数据。注意在返回上一页时传递了`delta: 1`参数,表示返回上一页的层数。
阅读全文