微信小程序--数据处理

发表于 | 分类于 | | 阅读次数:

微信小程序获取数据、修改数据、添加数据、删除数据的处理方式

1 获取数据

1
2
3
4
5
6
7
8
9
Page({
  data: {
    inputText: 'hi',
  },
  //页面载入时打印inputText的值
  onLoad: function () {
    console.log(this.data.inputText)
  }
})

2 修改数据

1
2
3
4
5
6
7
8
9
Page({
  ...
  //页面载入时修改inputText的值为hello
  onLoad: function () {
    this.setData({
      inputText: 'hello'
    })
  }
})

修改data中子对象的属性值

1
2
3
4
5
6
7
8
9
10
11
12
13
14
Page({
  data: {
    userInfo: {
      avatarUrl:  ' '
    }
  },
  //页面载入时打印inputText的值
  onLoad: function () {
    let avatarUrl = 'userInfo.avatarUrl'
    this.setData({
      [avatarUrl]: tempFilePaths
    })
  }
})

3 增加数据

1
2
3
4
5
6
7
8
9
10
11
Page({
  data: {
    array: ['1','2'],
  },
  onLoad: function () {
    this.data.array= this.data.array.concat('3','4');
    this.setData({
      array: this.data.array
    })
  }
})

4 删除数据

1
2
3
4
5
6
7
8
9
Page({
  ...
  onLoad: function () {
    this.data.array.splice(Index,1);
    this.setData({
      array: this.data.array
    })
  }
})