周大胖子 发表于 2018-11-19 13:21:38

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]
查看完整版本: VUE 事件 与传值