微信小程序this.data赋值时，页面视图层没有同步更新

问题：

我在开发微信小程序中，this.data进行赋值时，页面视图层没有同步更新;

原因：

其中this.data是用来获取页面data对象的；
setData（）函数用于将逻辑层数据发送到视图层，同时对应的改变this.data的值。this.setData是用来更新界面的。

解决方法：

在微信小程序开发中，想要数据和页面同步更新只能用this.setData({属性：值})

扩展学习：

Page({/*** 页面的初始数据*/data: {obj: {name: '阿奇不是猪',sex: '男',age: 18},arr: [{id: 1,num: 40,grade: '不及格'},{id: 2,num: 60,grade: '及格'},{id: 3,num: 80,grade: '良好'},{id: 4,num: 90,grade: '优秀'}]},/*** 生命周期函数--监听页面显示*/onShow: function () {// 修改对象中的某一属性（值）this.setData({['obj.age']: 22, // 修改属性age的值['obj.id']: 1 // 可以添加新属性})console.log(this.data.obj.age); // 22// 修改数组中某一项的属性（值）this.setData({['arr[0].num']: 59;  //  ['arr['+index+'].num']: 59})},
})

微信小程序this.data赋值时，页面视图层没有同步更新相关推荐

wxml报错原因_微信小程序开发教程（八）视图层——.wxml详解
框架的视图层由WXMKL(WeiXin Markup language)与WXSS(WeiXin Style Sheet)编写,由组件进行展示. 对于微信小程序而言,视图层就是所有.wxml文件与.w ...
微信小程序 - 自定义组件中类似页面 onShow 的页面显示就触发的生命周期钩子函数（页面回退时更新数据常用, 例如回退页面更新子组件数据, 回退更新子组件中 data 内容）
前言在微信小程序中,用户回退页面触发更新数据的操作,一般都是在页面 onShow() 中写上执行更新的函数即可. 但如果咱们把数据和方法都写在了自定义子组件中,那么用户回退页面时, 更新数据就成了 ...
微信小程序中使用全局变量解决页面的传值问题
微信小程序中使用全局变量解决页面的传值问题由于项目需要,最近便在做一个类似于美团的餐饮平台的的微信微信小程序 ,项目有十几个页面,那么页面间的传值被经常用到.在小程序中页面间的传值主要有使用全局变 ...
微信小程序云开发如何将页面生成为pdf?
项目场景: 最近有小伙伴问了一个问题,那就是微信小程序云开发如何将页面生成为pdf?但是在没有后端工程师的协助下,我们要怎么办了? 解决方案: 于是便逛了一下微信社区,但很遗憾腾讯baba没有给出相应 ...
uniApp和微信小程序好看的我的页面（有源码）
uniApp和微信小程序好看的我的页面(有源码) 1.先睹为快未登录状态以登录 uniapp源码 <template><view class="content" ...
自学微信小程序开发第五天- 页面切换相关
自学微信小程序开发第五天- 页面切换相关创建多个页面页面间跳转页面间传值另一个页面跳转的方式(重定向) 点击跳转元素时的样式导航API 研究过页面样式设计后,就是多页面的呈现了,这就需要研究 ...
微信小程序页面生成html,微信小程序教程系列之新建页面（4）
例如在web的开发中,新建一个页面只需要新建一个html文件即可. 但是到在微信小程序中,新建一个页面也不只是新建一个wxml文件,那么该如何做呢?下面我们一起来学习新建一个页面的步骤: 1> ...
微信小程序获取windowHeight出现不同页面高度不一致问题及解决方案
微信小程序获取windowHeight出现不同页面高度不一致问题及解决方案参考文章: (1)微信小程序获取windowHeight出现不同页面高度不一致问题及解决方案 (2)https://www. ...
关于微信小程序“南安明朗教育”活动页面错误问题记录
关于微信小程序"南安明朗教育"活动页面错误问题记录关于微信小程序"南安明朗教育"活动页面错误问题记录你好! 这是一遍关于南安明朗教育的微信小程序问题解决的日 ...

微信小程序this.data赋值时，页面视图层没有同步更新

微信小程序this.data赋值时，页面视图层没有同步更新相关推荐

最新文章

热门文章