使用JQuery,页面中任何项目的点击事件都可以被捕获,如下所示.

$(document).click(function(event){
     // event.target is the clicked element object
});

如何用Vue.js来做同样的事情?

推荐答案

  1. 创建div作为顶部 node ,正好在<body>之后
  2. 使其成为主容器,并在其上安装VueJS.
  3. <div id='yourMainDiv' @click='yourClickHandler'>
  4. 在VueJS <script>部件中使用它:
methods: {
  yourClickHandler(event) {
    // event.target is the clicked element object
  }
}

Vue.js相关问答推荐

Nuxt.js i18n不提供默认区域设置中的页面而不重定向

有没有办法在 Quasar 中为明暗模式创建我自己的 colored颜色 ?

仅在构建时为 Vue3 和 TailwindCSS 添加前缀

如何在 Nuxt3 中使用 nuxtjs/auth-next 模块?

如何在 vue 组件中定义变量? (Vue.JS 2)

云Firestore保存额外的用户数据

Eslint Vue 3 解析错误:'>' expected.eslint

如何在 Laravel 中包含 Bootstrap-Vue

使用 Vue 和 JS 下载 CSV 文件

在 vue.js 中获取当前时间和日期

vuex 中 { dispatch, commit } 的类型是什么?

为什么 CSS 关键帧动画在具有范围样式的 Vue 组件中被 destruct ?

数据更新后触发 Vue.js 事件

Angular 5 中的 功能

如何将项目推送到 Vuejs 中数据对象的数组中? Vue 似乎没有关注 .push() 方法

Vue-i18n '无法读取 Proxy.Vue.$t 处未定义的属性 '_t'

从 vue.js 中的 store 获得的计算(computed)属性的设置器

在路由更改之前显示确认对话框

如何在 vue.js 中进行嵌入?

在 vue.js 应用程序中将静态内容(例如国家代码)存储在哪里?