在日常 前端开发中,我们可能遇到在某个页面中需要监听其他页面的按钮点击事件。
下面是思路,第一步 我们可以在main.js定义一个全局点击事件函数:
Vue.prototype.globalClick = function(callback) {
document.getElementById('editFile').onclick = function() {
callback()
}
}
第二步 定义完全局函数之后,在需要的页面中调用这个全局函数:
mounted: function() {
this.globalClick(this.setupMenuRemove)
}
第三步`
methods: {
setupMenuRemove() {
console.log('监听的操作')
}
}