亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Vue事件中如何獲取原事件參數(shù)

 更新時(shí)間：2024年12月26日 09:09:58   作者：-小龍人  
文章介紹了如何在Vue中通過(guò)Click方法獲取原事件的參數(shù),包括默認(rèn)參數(shù)、自定義參數(shù)以及如何同時(shí)獲取原生事件和自定義參數(shù)的方法

Vue事件中獲取原事件參數(shù)

以Click方法為例，如何知道Click方法原事件中含有哪些參數(shù)？

1. 一般用法，不傳參數(shù)

<el-button @click="testClick">Click事件</el-button>

testClick(){
	console.log('Click事件觸發(fā)了...')
}

這種情況下vue對(duì)事件的處理會(huì)自帶一個(gè)event事件，可查 VUE API 文檔。

<el-button @click="testClick">Click事件</el-button>

testClick(event){
	console.log('event')
}

2. 猜測(cè)默認(rèn)參數(shù)

當(dāng)你不知道默認(rèn)配置幾個(gè)方法時(shí)，可以先試試幾個(gè)，如果有就繼續(xù)往下嘗試

<el-button @click="testClick">Click事件</el-button>

testClick1(a,b,c){
	console.log(a,b,c)
},

結(jié)果如下截圖：

click默認(rèn)參數(shù)就一個(gè)，其他兩個(gè)都是undefined，如果不是underfined可以繼續(xù)加入?yún)?shù)去嘗試。

3. 當(dāng)我們?cè)谑录袀魅胱约旱膮?shù)

比如想點(diǎn)擊這行數(shù)據(jù)，傳入行ID刪除數(shù)據(jù)時(shí)，這時(shí)發(fā)現(xiàn)找不到了事件原生參數(shù)

<el-button @click="testClick(1)">Click事件</el-button>

testClick1(a,b,c){
	console.log(a,b,c)
},

結(jié)果如下截圖：

這里還是用了上面猜想?yún)?shù)的方法，可以看到找不到了事件原生參數(shù)了。

4. 在事件中編記原始參數(shù)

$event 即可在傳自定義參數(shù)同時(shí)拿到原生事件參數(shù)

<el-button @click="testClick(1,$event)">Click事件</el-button>

testClick1(a,b,c){
	console.log(a,b,c)
},

結(jié)果如下截圖：

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論