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

[TOC]

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
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实例并更新其数据
app.getPrepPage().setData({ 
    fatherData: newValue
})
前端
技巧 小程序

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