使用 jQuery 觸發 Vue 事件

zhaiduting發表於2019-11-29

時間一長老是忘記這行程式碼的寫法,今天特地記上一筆,方便今後查閱
js檔案如下

document.save.dispatchEvent(new Event('無此事件'))   //觸發不存在的事件不會報錯
document.save.dispatchEvent(new Event('change'))    //觸發自定義事件
$('#save').get(0).dispatchEvent(new Event('myEvent'))   //jQuery觸發自定義事件

vue檔案如下

<template>
    <form name="save" id="save" @change="formChanged()"></form>
</template>
<script>
    export default {
        methods:{
            formChanged(){
                console.log('formChanged')
            }
        }
    }
</script>

使用jQuery觸發Vue事件

相關文章