vue 筆記，ref 及 $event 事件對象

本文僅用作簡單記錄

 

ref ： 在標簽上添加 ref = “name” ，表示獲取當前元素節點

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

獲取

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)
  }

結果：