我实在是太菜了隔了2,3个月没做,微信小程序的数据渲染竟然都不会用了

记住要让修改的数据立即生效只能用setData方法!!

下面转了一篇文章里面的内容,方便大家比较

转自:http://www.jb51.net/article/107939.htm

数据修改不生效

今天继续要介绍一个setData()的问题。

我们经常会这样写:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
var that = this;
wx.getStorage({
  key: 'user',
  success: function(res){
    console.log(res.data)
    that.data.params.uuid = res.data.uuid;
    that.data.params.ticket = res.data.ticket;
    that.data.params.courseUuid = options.courseUuid;
    that.data.params.isCompany = options.isCompany;
    that.fetchData();
    that.getShareList();
  }
})

我们给data对象进行了一些赋值操作,但是发现接着使用这些数据的时候是不对的,我们赋值的数据并没有成功的渲染到页面。找了好久之后我发现,原来要想数据立马生效,必须要调用一下setData()方法才能有用,所以上面的代码修改如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var that = this;
wx.getStorage({
  key: 'user',
  success: function(res){
    console.log(res.data)
    that.data.params.uuid = res.data.uuid;
    that.data.params.ticket = res.data.ticket;
    that.data.params.courseUuid = options.courseUuid;
    that.data.params.isCompany = options.isCompany;
    that.setData({
      params: that.data.params
    })
    that.fetchData();
    that.getShareList();
  }
})

微信小程序列表数据渲染无效问题相关推荐

  1. 2.微信小程序之数据渲染

    数据渲染 1. 效果图 2. 全部代码 3. 内容分析 1. 效果图 2. 全部代码 JS部分: JS部分的代码: Page({data:{msg:"hello chengdu", ...

  2. 微信小程序之数据的同步渲染

    微信小程序之数据的同步渲染 结论: 微信小程序通过setData方法实现数据的同步渲染,直接修改data无法实现同步渲染. setData工作原理 小程序分为逻辑层和渲染层,而每次逻辑层改变了,要借用 ...

  3. 微信小程序observers数据监听器的使用

    微信小程序observers数据监听器的使用 数据监听器可以用于监听和响应任何属性和数据字段的变化. 1.observers使用的前提条件 在微信小程序中数据监听器的使用是有几个前提条件的,否则是无法 ...

  4. 微信小程序详解 php,微信小程序列表开发详解

    本文主要和大家分享微信小程序列表开发详解,主要以代码的形式和大家分享,希望能帮助到大家. 一.知识点 (一).列表渲染 wx:for tip:wx:for="array"可以等于参 ...

  5. 微信小程序列表加载动画示例

    微信小程序列表加载动画 微信小程序列表加载动画示例 实现思路 什么是动画? 导航栏设置 列表动画加载 完整代码demo 微信小程序列表加载动画示例 初学微信小程序开发,记录一下.网上找了很久这种效果, ...

  6. 微信小程序的页面渲染(if/for)

    下面,粗略的介绍一下微信小程序的条件渲染.列表渲染.数据绑定等,详细的内容大家可以去看微信小程序的API,在此只做简单描述,希望能帮助到大家 条件渲染 <!--wxml--> <vi ...

  7. 微信小程序开发数据缓存基础知识辨析以及运用实例

    微信小程序开发数据缓存基础知识辨析以及运用实例 提示:这里可以添加本文要记录的大概内容: 例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的 ...

  8. 微信小程序android错误,微信小程序首页数据初始化失败的解决方法

    一. 问题描述 用户首次后再次进入小程序时,我们通常需要通过获取用户openid或unionid用作唯一标示与后台进行数据交流,初始化用户信息.当我们通过第三方服务器跟微信建立请求时,微信需要用户确认 ...

  9. 微信小程序webview、渲染富文本

    先说点题外话,本来是写在简书上面的文章,现在简书不支持发布了,只能在csdn上上传了.... WebView对于前端开发的小伙伴来讲肯定不陌生,功能是很轻大的,就是一个而普通的html界面.今天主要讲 ...

最新文章

  1. 学生管理系统(用maven来导入jar包)
  2. ×××第三话:基础Ez×××配置
  3. 二分查找法、顺序查找法
  4. linux gpt分区看不到,Linux无法看到我的任何分区 – 备份GPT表不在磁盘的末尾
  5. 75-100-024-测试-MySQL 双表优化案例
  6. 弱鸡儿终于没爆零Day7
  7. 加密解密你了解多少?
  8. python基于datetime或time模块分别获取当前时间戳
  9. 图片裁切以及图片预览的过程
  10. cout, endl的使用
  11. 转:SWOT分析法与职业生涯规划
  12. 2020-09-01:mysql里什么是检查点、保存点和中间点?
  13. 面试:GET 请求能上传图片吗,已解决
  14. 微信小程序获取WIFI列表可手动输入密码连接
  15. 正则虐我千百遍,我要反抗了
  16. java ueditor 图片上传加水印_百度ueditor上传图片加水印的例子
  17. 数论概论读书笔记 25.哪些数可表成两个平方数之和
  18. 【软件推荐】用mamsds把高考倒计时添加到电脑桌面
  19. 租户隔离怎么做MYSQL_一种SaaS软件租户数据隔离的方法与流程
  20. python复数的实部和虚部的数字类型_Python数据类型之数字

热门文章

  1. JS中DOM元素的操作
  2. DTS音频编解码器图示
  3. 开挂了! 9 岁神童即将大学毕业,开发出微型芯片
  4. 使用SpringBoot2.0搭建企业级应用开发框架(一)基础框架生成
  5. audio 临时总结
  6. 用C语言实现直接插入排序(附有详细代码)
  7. dfs深搜--八皇后问题
  8. Yum安装Redis
  9. html5未来性能,HTML5 | 技术突破:HTML5裸跑性能已可媲美APP
  10. Camera开发—如何使用系统相机