使用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相关问答推荐

如何将 cogo toast PRIVE集成到nuxt3中?

如何防止Nuxt3重新加载时滚动跳到网页顶部

Nuxt3 / Vue3 - 当属性更改时如何动态更改渲染组件?

在vuejs中使用表单追加时如何使用布尔值

vue js如何将布尔值传到数据库

vue3 + pinia:如何从?store 中获取一个值

如何在 vue2.7 中删除 slot-scope

:deep() 带有嵌套 scss 规则的语法

在 VueJS 中存储图像的正确位置是什么 - 公共文件夹或assets文件夹?

Vuelidate 判断true/false

Vuetify v-data-table ,如何在 HTML 中呈现标题文本?

VueJS 组件中的图像未加载

在渲染组件之前从 api 获取数据

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

VueJS 2 在多个组件上debounce

更改时(change)调用函数

$set 不是函数

更改事件上的 Select2 在 Vuejs 中不起作用

vuex 是 state.array.push react式的吗?

Vuejs 不会在 HTML 表格元素中呈现组件