vueの$eventの使い方-現在の要素と関連要素を取得

2332 ワード

イベントをクリックするなど、一般的なイベントでは、最初のパラメータはイベント自体です.また、実際のプロジェクトでは、イベント実行の要素や関連要素を取得する必要がある場合があります.ここでまとめて、残しておきます.
例:クリックイベント

イベントによる要素の取得:
methods: {
	clickfun(e) {
		// e.target          
		// e.currentTarget          
	    #             
	    e.currentTarget.previousElementSibling.innerHTML
	    #              
	    e.currentTarget.firstElementChild
	    #             
	    e.currentTarget.nextElementSibling
	    #        id string   
	    e.currentTarget.getElementById("string")
	    #        string  
	    e.currentTarget.getAttributeNode('string')
	    #            
	    e.currentTarget.parentElement
	    #                     HTML 
	    e.currentTarget.previousElementSibling.firstElementChild.innerHTML
	}
}