当前位置: 首页 > news >正文

微信小程序--data的赋值与取值的几种方式

通过小程序官方文档可知:

赋值一定需要注意。需要setData的使用,这样页面才刷新,数据才会改变,并且分清that和this的使用

Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。其中的参数data用来设置初始数据,WXML 中的动态数据均来自对应 Page 的 data。

所以如果页面需要显示动态数据必须要把数据更新到data中对应的变量中。

  • 页面js文件中这么写:
    Page({data: {message: 'Hello MINA!'}
    })

 

  • wxml中这么写:
    <view> {{ message }} </view>

如果该数据在操作过程中发生变化,需要将新数据重新绑定到该变量中,写法如下:

function setData(){var that = this;that.setData({message: '新消息'})
}

 

  • 如果想在js文件中使用data中的数据写法如下:
    function getData(){var that = this;console.log(that.data.message)
    }

http://www.lryc.cn/news/138019.html

相关文章:

  • 条码通讯配置
  • 知网G4期刊《高考》简介及投稿要求
  • 第7章 CPU前端优化
  • idea新建Java-maven项目时,出现Dependency‘xxx(jar包名)‘ not found的解决方案
  • STM32--USART串口
  • 2023年Java毕业设计题目推荐,怎样选题?500道毕业设计题目推荐
  • 基于数据湖的多流拼接方案-HUDI概念篇
  • OpenCV基础知识(5)— 几何变换
  • Linux下源码安装MySQL 8.0
  • 大聪明教你学Java | 深入浅出聊 Java 内存模型
  • SAP ABAPG开发屏幕自动生成日期的搜索帮助
  • leetcode 674. 最长连续递增序列
  • Mysql简短又易懂
  • vue 简单实验 v-model 变量和htm值双向绑定
  • 测试框架pytest教程(8)失败重试-pytest-rerunfailures
  • 6个主流的工业3D管道设计软件
  • 基于微信小程序的垃圾分类系统设计与实现(2.0 版本,附前后端代码)
  • 基础论文学习(4)——CLIP
  • SpringBoot利用ConstraintValidator实现自定义注解校验
  • 十、pikachu之php反序列化
  • PHP“牵手”拼多多商品详情数据获取方法,拼多多API接口批量获取拼多多商品详情数据说明
  • 前端面试:【Redux】状态管理的精髓
  • element-ui中的el-table的summary-method(合计)的使用
  • “深入探索JVM:解析Java虚拟机的工作原理与性能优化“
  • 【后端】Core框架版本和发布时间以及.net 6.0启动文件的结构
  • Linux 定时任务 crontab 用法学习整理
  • 看板之道:如何利用Kanban优化您的项目流程
  • Docker的基础操作
  • 14、缓存预热+缓存雪崩+缓存击穿+缓存穿透
  • 【PostGreSQL】PostGreSQL到Oracle的数据迁移