微信小程序基础学习笔记2:数据绑定相关

摘要:
VUE语法所有前端wxml中绑定的数据变量,都要定义在data中。绑定事件,bindTapres,取数据currentTarget-˃dataset这里的data-id中的data必须写,后面的id、title等可以任意自定义,H5的新属性,后面的id全部要用小写myTap:function{console.write}这里name:name,第一个name表示data中的name,后面这个name中这个事件中的name变量。  修改data中的数据,必须使用this.setData({})访问data中的数据,可以用this.data.name来访问。设置setTimeoutdata中的变量可以先不初始化,先不用声明,在this.setData中初始化也可以,但是不好。在调试器中的AppData中可以看到数据

VUE语法

所有前端wxml中绑定的数据变量,都要定义在data中。

绑定事件,bindTap res ,取数据 currentTarget->dataset

微信小程序基础学习笔记2:数据绑定相关第1张

这里的data-id中的data必须写,后面的id、title等可以任意自定义,H5的新属性,后面的id全部要用小写

myTap:function(res){

console.write

}

微信小程序基础学习笔记2:数据绑定相关第2张

这里name:name ,第一个name表示data中的name,后面这个name中这个事件中的name变量。  

修改data中的数据,必须使用 this.setData({ })
访问data中的数据,可以用 this.data.name来访问。

微信小程序基础学习笔记2:数据绑定相关第3张

微信小程序基础学习笔记2:数据绑定相关第4张

设置 setTimeout(()=>{

})

data中的变量可以先不初始化,先不用声明 ,在this.setData中初始化也可以,但是不好。

在调试器中的AppData中可以看到数据

免责声明:文章转载自《微信小程序基础学习笔记2:数据绑定相关》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇一些安全相关的HTTP响应头测试与发布( Alpha版本 )下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Vault数据库还原/恢复问题

我们在系统崩溃或Vault库从一台计算机移植到另一台计算机等情况时,可能会通过恢复或还原原Vault数据库来解决问题,本以为这样就可以正常使用了,哪知道会报如下错误:“Vault Failed to establish a connection to the database”。现提供一个我的解决办法:1.从控制面板里面卸载Vault,卸载时请注意在问你是...

Oracle SQL获取每个分组中日期最大的一条数据

  在报表开发中,经常遇到这样的问题:分组后,只需要每个分组最新的一条数据,其他的就不要了   此时的思路应该是:对分组进行排序,并编号,然后select编号为1的记录即可。   代码如下: select rn,a,b,c from (select ROW_NUMBER() OVER(PARTITION BY a ORDER BY b DESC) r...

GCC编译之后的代码信息

arm-none-eabi-gcc编译之后会显示一些信息,比如 下面就来说受每个字段的含义以及它们与bin文件大小的关系。text区是代码区,就是程序编译之后源码的区域,在烧录之后一直位于Flash ROM中。 data和bss都是指的全局变量以及函数内static的变量,区别是data是有初始值的而bss没有。data的初始值同样存在Rom里,当单片机启...

layui 学习笔记(四) 复杂表头前台Excel导出

layui - excel 复杂表头导出- 第三方插件实现 参考:https://fly.layui.com/extend/excel/演示:http://excel.wj2015.com/    http://excel.wj2015.com/_book/docs/%E5%87%BD%E6%95%B0%E5%88%97%E8%A1%A8/%E5%AF%B...

谁说菜鸟不会数据分析

谁说菜鸟不会数据分析 张文霖, 刘夏璐, 狄松编著 ISBN 978-7-121-13587-3 2011年7月出版 定价:59.00元 16开 308页 像小说一样通俗易懂的数据分析教程 15位业内专家的鼎力推荐 您的职场加油站 内容简介 很多人看到数据分析就望而却步,担心门槛高,无法迈入数据分析的门槛。本书在降低学习难度方面做了大量的尝试:基于通用...

echarts的图表根据父容器大小的改变而改变(弹窗easy-ui的window窗口)

1.echarts的图表只绘制一次,所以要想大小随着父容器变化就得调方法重新绘制。所以把绘制图表的方法提出来。 <div class="echart"><div : style="height: 100%; 100%;"></div></div> data(){return{chart:""}}, met...