外部调用vue组件中的方法

来源:赵克立博客分类: 前端开发标签：Vue发布时间:2019-02-17 13:22:08最后更新:2019-02-17 13:23:19浏览:2047

本文为博主原创文章，转载请声明原文链接...谢谢。o_0。

原文链接:

更新时间：

2019-02-17 13:23:19

温馨提示：

学无止境,技术类文章有它的时效性,请留意文章更新时间,如发现内容有误请留言指出,防止别人"踩坑",我会及时更新文章

可以使用vue的事件消息机制来实现

首先创建一个空的vue对应用来传递消息使用,这个对象要设置成全局的如下

window.eventHub = new Vue();

然后在vue组件中使用上面对象来注册一个自定义事件来调用本组件里的方法，代码写在created创建完成函数中

var _t=this;
eventHub.$on('deleteItem', function(data) {
    _t.deleteItem(data);
});

外部应用

eventHub.$emit('deleteItem', '1,2,3');