小程序01/小程序 事件传参data-参数名=“参数值“ 方法介绍、 this.setData使用说明 js内获取和修改data数据 方法

一. 事件传参 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 = "我被修改了"

})

说明: this.setData({ }) 是用来修改数据，不仅会改变数据，而且还会改变视图,必须使用他视图才能改变

注意: this.data 是用来获取页面data对象 仅会逻辑层，无法改变页面的状态，会造成数据不一致