在Vue组件中获取全局的点击事件

Posted wqing

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在Vue组件中获取全局的点击事件相关的知识,希望对你有一定的参考价值。

// 定义全局点击函数
Vue.prototype.globalClick = function (callback) {
    document.getElementById(‘main‘).onclick = function () {
        callback();
    };
};

 

mounted: function () {
    this.globalClick(this.moreSetupMenuRemove);
}

  

// 移除操作
moreSetupMenuRemove () {
    this.$refs.moreSetupMenu.style.display = ‘none‘;
},

  

以上是关于在Vue组件中获取全局的点击事件的主要内容,如果未能解决你的问题,请参考以下文章

Vue组件之全局组件与局部组件

Vue组件之全局组件与局部组件

vue 事件总线EventBus的概念、使用

vue父组件点击触发子组件事件的实例讲解

vue项目全局防抖, 点击后移除按钮焦点

vue中怎么实现获取当前点击对象this