微信小程序数组更新,但视图不更新的问题
1、起因
写一个微信小程序的时候,需要在云数据库中拉取所有用户数据,展示到页面上,展示用户列表,一开始是这么实现的
新建一个空数组,然后从从云数据库取数据,push到数组
data: {sj:[]},
onLoad(options) {//云数据库取数据,push到数组const db = wx.cloud.database();db.collection('user').get({success: function(res) {for(let i=0;i<res.data.length;i++){this.data.sj.push(res.data[i])}}....
但发现视图不更新
2、分析原因
因为刚刚更新的this.data,拿到的是页面的data对象
而如果希望更新,必须通过setData()函数,才能把数据发送到视图层,所以改变this.data的值同时,必须用this.setData也更新一下。
解决代码:
data: {sj:[]},
onLoad(options) {//云数据库取数据,push到数组const db = wx.cloud.database();db.collection('user').get({success: function(res) {for(let i=0;i<res.data.length;i++){this.data.sj.push(res.data[i])}//这里就是解决问题 this.setData({sj:this.data.sj})}}....
微信小程序数组更新,但视图不更新的问题相关推荐
- 微信小程序js数组初始化_微信小程序 数组(增,删,改,查)等操作实例详解...
微信小程序 数组(增,删,改,查)等操作 最近在做一个小程序的demo.由于不向后台请求数据,所以就涉及到对本地数据的操作,也遇到了一些坑,本文就以数组的增删改查为例,给新手分享一些经验. 首先这是原 ...
- 微信小程序云开发数据库update函数更新不了数据的问题(已解决)
最近在做一个毕业项目的小程序,数据库是微信小程序自带的,在更新数据时发现一只更新不了,查了好久说是权限问题叫我使用云函数,我也是用了但是没有用.update函数调用成功单返回的却是0行记录被更新.但我 ...
- 微信小程序php返回数组,微信小程序 数组(增,删,改,查)等操作实例详解...
微信小程序 数组(增,删,改,查)等操作 最近在做一个小程序的demo.由于不向后台请求数据,所以就涉及到对本地数据的操作,也遇到了一些坑,本文就以数组的增删改查为例,给新手分享一些经验. 首先这是原 ...
- 微信小程序——数组对象的增删改查
微信小程序--数组对象的增.删.改.查 1.模拟数据的初始化定义 data: {type_name: '项目分类',name_name: '项目名称',type_sId: "",n ...
- 微信小程序 数组(增,删,改,查)
微信小程序 数组(增,删,改,查) 最近在做一个小程序的demo里.由于不向后台请求数据,所以就涉及到本地数据的操作,本文以数据的增删改查为例 globalData:{userInfo:null,no ...
- 微信小程序自动检测版本并提示更新新版本
微信小程序自动检测版本并提示更新新版本 微信小程序开发过程中,我们在版本更新迭代后,微信小程序客户端并不能触发自动更新,需要用户手动清理小程序后重新搜索进入后才能获取到最新的小程序版本,但是这个是用户 ...
- 微信小程序之wx:if视图层的条件渲染 —— 微信小程序教程系列(10)
使用wx:if进行视图层的条件渲染 示例: wxml:使用view <!--index.wxml--> <button bindtap="EventHandle" ...
- 从零开始:微信小程序新手入门宝典(正在更新)
为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习: 首先感谢几位给予建议的同学,包括@dzp @M-信念 @Somnus13 ,以下内容只是一部分,但是够 ...
- 微信小程序面试题大全(持续更新)
1.请谈谈微信小程序主要目录和文件的作用? project.config.json:项目配置文件,用的最多的就是配置是否开启https校验 App.js:设置一些全局的基础数据等 App.json:底 ...
最新文章
- typedef、setw()
- Educational Codeforces Round 44 (Rated for Div. 2)
- 下个月,Java 开启收费模式!
- struts2 helloworld
- bilibili缓存文件在哪里_Android——bilibili缓存视频合并教程[2.1]
- 计算生物学_01机器学习理论部分
- JSP,PHP,Python,Ruby,Perl概要及各自特点
- Xor异或是什么意思? - 已解决 - 搜搜问问
- 如何服务器备份到移动硬盘,数据安全第一!威联通如何外接硬盘备份和同步
- 实验六 接口、继承和多态
- python 文件路径斜杠变成两道_Python文件操作---正斜杠与反斜杠
- jieba对word文档词频分析
- STC15单片机功能和应用电路
- Linux系统之audit
- 行列式用计算机怎么算,行列式计算机方法
- Ardupilot姿态控制详解(完结篇)
- redis连接超时,本地连接不上服务器上的redis
- Python学习——Numpy
- 服务器导入导出文件,Excel Server Tutorial
- 操作系统及软件常用的日语单词