微信开发者工具中的setData的使用

介绍
setData用与修改后台中的数据,将修改后的数据渲染到页面中,如果使用其他方法直接修改后台中变量存储的数据,修改的结果并不会反应到页面中,就会造成后台数据和页面数据不同步。

基础用法
js代码:

Page({

  /**
   * 页面的初始数据
   */
  data: {
    init:"初始化数据"

  },
  change:function(){
      this.setData({
        init:"更改后数据"
      })
  }
 })

wxml代码:

<button bindtap="change">点击更改数据</button>
<text>{{init}}</text>

效果:
点击前:
微信开发者工具中的setData的使用_第1张图片
点击后:
在这里插入图片描述
注意:
有时候由于调用函数时可能会使this.setData中的this所指向的并不是需要的对象,此时可以使用that来指向需要的对象,再调用函数。

微信开发者文档中介绍

你可能感兴趣的:(微信小程序开发学习)