欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

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

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

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

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

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

這種情況下vue對事件的處理會自帶一個event事件，可查 VUE API 文檔。

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

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

2. 猜測默認參數(shù)

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

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

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

結(jié)果如下截圖：

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

3. 當(dāng)我們在事件中傳入自己的參數(shù)

比如想點擊這行數(shù)據(jù)，傳入行ID刪除數(shù)據(jù)時，這時發(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ù)

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

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

結(jié)果如下截圖：

總結(jié)

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

相關(guān)文章

最新評論