vue 笔记，ref 及 $event 事件对象

本文主要是介绍vue 笔记，ref 及 $event 事件对象，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

ref ： 在标签上添加 ref = “name” ，表示获取当前元素节点

1	<input type="text" ref="info">

获取

1	this.$refs.info.value

　　

获取事件对象 ， 方法参数传递  $event 

<button @click="Event($event)">事件对象</button>

获取

 Event(e){console.log(e)}

打印结果：

也可以获取执行事件的节点

e.srcElement

比如，我想给 button 按钮 添加背景颜色

e.srcElement.style.backgroundColor = "red"

 也可以通过事件对象获取自定义属性：

比如，button 按钮上自定义一个属性：

<button data-aid="123" @click="getInfo($event)">通过事件对象获取自定义属性</button>

  getInfo(e){console.log(e);console.log(e.srcElement.dataset.aid)}

结果：

 

这篇关于vue 笔记，ref 及 $event 事件对象的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---