欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue $event不對

呂致盈2年前11瀏覽0評論

在Vue應用程序中,$event是一個令人驚奇的屬性。正如許多開發人員所知道的,該屬性代表調用該方法的事件。而且,它允許使用者對以下事情進行一定程度的控制:

<button v-on:click.stop="myMethod($event)">Submit</button>

在這個簡單的例子中,您可以看到當按鈕被點擊時,我們在myMethod中接收$event參數。該參數給了我們一些控制這個事件的能力。然而,有時候您會發現$event對您的應用程序并沒有什么用。它與您需要處理的事件沒有關系。在這些情況下,使用$event會使您的代碼變得混亂。

讓我們看一個例子:

methods: {
submitForm(event) {
const data = new FormData(event.target)
axios.post('/api/form', data)
.then(response =>{
this.submitting = false
})
.catch(error =>{
this.submitting = false
})
}
}

在這個例子中,我們需要從事件中提取數據。 然而,我們不需要整個事件對象。 相反,我們只需要從事件對象中獲取目標。 在這種情況下,使用$event是不必要的。

相反,您應該在事件處理程序中使用正常的參數:

methods: {
submitForm(target) {
const data = new FormData(target)
axios.post('/api/form', data)
.then(response =>{
this.submitting = false
})
.catch(error =>{
this.submitting = false
})
}
}

這種類型的代碼更易于理解,因為您不必處理不必要的事件對象。 在您的應用程序中對這些屬性保持警惕,并仔細考慮何時使用它們。