小程序实用技巧以及代码块

小程序实用技巧以及代码块

1.返回上个页面前,向上一个一页面传递参数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
let pages = getCurrentPages(); // 当前页的数据,
let prevPage = pages[pages.length - 2]; // 上一页的数据
// prevPage 即为上个也页面的 this
const index = prevPage.data.roomList.findIndex((v) => v.type === "tree");
// 更新上级数据
const arr = prevPage.data.roomList;
arr[index].name = detail.text;
arr[index].data = detail.id;
prevPage.setData({
roomList: arr,
});
// 返回上级 依然保留这数据
wx.navigateBack({
delta: 1,
});

2.子组件修改 父组件的 data

app.js

1
2
3
4
5
getPrePage(){
// 获取当前page的实例对象
let pages=getCurrentPages()
return pages[pages.length-1]
}

子租件.js

1
2
3
4
5
const app = getApp();
// 子组件中 调用当前page实例并更新qi
app.getPrepPage().setData({
fatherData: newValue,
});

本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!