VUE 事件 与传值
HTML<div>
<button data-aid="这是自定义属性data-aid"@click="lminfo($event)">触发点击传值事件</button>
<button data-lm="这是自定义属性lm"@click="lminfo($event)">触发点击传值事件</button>
<button lm-data="这是自定义属性lm222"@click="lminfo($event)">触发点击传值事件 因为不是data-格式 所以获取不到</button>
</div>
JS
,lminfo(e){
console.log(e)//表示事件对象
console.log(e.srcElement) //表示传值的 dome
console.log(e.srcElement.dataset) //表示对象的自定义属性
e.srcElement.style.fontSize ='24px'
}
这里有一个坑点 我常用 的 $event 表示事件对象 ,然后底下function 随机接收, 其中 参数格式必须是 data-名称, 获取的值 为 JSON 数据例如 、
console.log(e.srcElement.dataset.lm) //表示对象的自定义属性为data-lm 的值
页:
[1]