使用 jQuery 触发 Vue 事件

时间一长老是忘记这行代码的写法,今天特地记上一笔,方便今后查阅
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事件

本作品采用《CC 协议》,转载必须注明作者和本文链接
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!
未填写
文章
63
粉丝
17
喜欢
140
收藏
118
排名:132
访问:7.4 万
私信
所有博文
社区赞助商