setData 机制

    说明

    • Object 以的形式表示,将this.data中的key对应的值改变成value
      可以以数据路径的形式给出,支持改变数组中的某一项或对象的某个属性,如array[2].messagea.b.c.d,并且不需要在this.data中预先定义;
    • 直接修改而不调用this.setData是无法改变页面的状态的,还会造成数据不一致;
    • 请不要把data中任何一项的value设为,否则将会有一些潜在问题出现;
    • data 的键名必须遵守 camelCase(驼峰式)的命名规范,不得使用 kebab-case(短横线隔开式)规范。

    代码示例

    在开发者工具中打开

    • JS

    连续使用 setData 来改变界面的方法也可以达到动画的效果。这样可以任意地改变界面,但通常会产生较大的延迟或卡顿,甚至导致小程序僵死。此时可以通过将页面的 setData 改为自定义组件中的 setData 来提升性能。下面的例子是使用 setData 来实现秒表动画的示例。

    代码示例

    在开发者工具中打开

    • SWAN

    逻辑层在设置数据后可执行函数。

    • JS