一. 事件传参 data-参数名="参数值" 方法介绍
1.data-参数名="参数值"
语法:
// 传参 --->index.wxml
<标签 data-参数名="参数值" bindtab="add"> </标签>
//接收 --->index.js
add(形参){ console.log( 形参.xxx.xxx.标签参数名 ) }
说明:通过自定义属性传参 接收参数时是一个对象 是对象就需要嵌套查找 最后形参.xxx.xxx.标签参数名
注意: 获取到事件对象时 对象内currentTarget target 内都可以拿到参数值
事件对象内属性
属性 | 类型 | 说明 |
---|---|---|
type | String | 事件类型 |
timeStamp | Integer | 页面打开到触发事件所经过的毫秒数 |
target | Object | 触发事件的组件的一些属性值集合 |
currentTarget | Object | 当前组件的一些属性值集合 |
detail | Object | 额外的信息 |
touches | Array | 触摸事件,当前停留在屏幕中的触摸点信息的数组 |
changedTouches | Array | 触摸事件,当前变化的触摸点信息的数组 |
二. this.setData使用说明 js内获取和修改data数据 方法
1.this.setData说明
this.setData: 该函数用于将数据从逻辑层发送到视图层(异步),同时改变对应 data内数据的值(同步)
2.js内获取和修改data数据 方法
方法1.
// 修改
this.data.属性名 = '我被修改了'
// 将数据从逻辑层通知渲染层
this.setData({
data内属性名: this.data.属性名
})
方法2.
// 定义
data:{
对象名:{
name: 'name值 '
}
}
// 将数据从逻辑层通知渲染层
this.setData({
"对象名.name": this.data.对象名.name = "我被修改了"
})