VUE 事件 与传值

周大胖子

HTML

1. <div>
2.       <button data-aid="这是自定义属性data-aid"  @click="lminfo($event)">触发点击传值事件</button>
3.       <button data-lm="这是自定义属性lm"  @click="lminfo($event)">触发点击传值事件</button>
4.       <button lm-data="这是自定义属性lm222"  @click="lminfo($event)">触发点击传值事件 因为不是data-格式 所以获取不到</button>
5.     </div>

复制代码

JS

1. ,lminfo(e){
2.         console.log(e)  //表示事件对象
3.         console.log(e.srcElement)   //表示传值的 dome
4.         console.log(e.srcElement.dataset)   //表示对象的自定义属性
5.         e.srcElement.style.fontSize ='24px'   
7.       }

复制代码

这里有一个坑点 我常用 的 $event 表示事件对象 ，  然后底下function 随机接收， 其中 参数格式必须是 data-名称  ， 获取的值 为 JSON 数据  例如 、

1. console.log(e.srcElement.dataset.lm)   //表示对象的自定义属性为data-lm 的值

复制代码