VUE中v-on:click事件中獲取當前dom元素的代碼
更新時間：2018年08月22日 08:43:06 作者：全菜程序員
這篇文章主要介紹了VUE中v-on:click事件中獲取當前dom元素的代碼，文中同時給大家提到了v-on：click獲取當前事件對象元素的方法,需要的朋友可以參考下
在開發(fā)中總是忘記，特意在此記錄
關鍵字： $event
<div class="bed" v-on:click="updateBed(index,$event)">{{item.BedID}}<br>{{item.CriminalName}}</div>
updateBed: function(index, e) {
var selectedBedDom = $(e.srcElement)//dom元素
}
PS：下面看下v-on:click獲取當前事件對象元素
dom元素這樣寫:
<i @click="iconToogle($event)" class="iconfont icon-xuanzhong1"></i>
vue實例中的methods的寫法:
function (event){
console.log($(event.target)
},
總結
以上所述是小編給大家介紹的VUE中v-on:click事件中獲取當前dom元素的代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
這篇文章主要為大家詳細介紹了用Vue.js開發(fā)一個網(wǎng)頁時鐘，分為白天模式和夜晚模式，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要為大家詳細介紹了Vue實現(xiàn)簡單彈窗效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
詳解使用VUE搭建后臺管理系統(tǒng)(vue-cli更新至3.0)
這篇文章主要介紹了詳解使用VUE搭建后臺管理系統(tǒng)(vue-cli更新至3.0),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了Vue?package-lock.json的作用及說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
這篇文章主要為大家詳細介紹了Vue自定義樹形控件的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
Vue 實現(xiàn)點擊空白處隱藏某節(jié)點的三種方式(指令、普通、遮罩）
最近小編接到這樣的需求：彈出框（或Popover）在 show 后，點擊空白處可以將其 hide。針對這個需求，小編整理了三種實現(xiàn)方式，如果大家對vue 點擊空白隱藏節(jié)點問題感興趣的朋友跟隨小編一起看看吧2019-10-10
Vue優(yōu)化:常見會導致內存泄漏問題及優(yōu)化詳解
這篇文章主要介紹了Vue優(yōu)化:常見會導致內存泄漏問題及優(yōu)化詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了怎樣查看vue-cli的安裝位置問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
微信小程序Webview與H5通信的思路與實戰(zhàn)記錄
這篇文章主要介紹了微信小程序Webview與H5通信的思路與實戰(zhàn)的相關資料,由于微信小程序與H5之間的通信限制,無法滿足業(yè)務需求,通過動態(tài)改變url的hash值來傳遞參數(shù),并利用vue-router組件的路由守衛(wèi)來避免頁面刷新,需要的朋友可以參考下2025-01-01
這篇文章主要介紹了vue后臺管理之動態(tài)加載路由的方法,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08