vue2 uniapp监听页面全局@click让它们失效

在 Vue.js 2 和 UniApp 中，如果你想要阻止页面上所有元素的全局 `@click` 事件生效，可以采用以下几种方法：

1. **Vue.js**:
- 在 Vue 组件中，你可以创建一个自定义指令（directive），通过监听 `touchstart` 或者 `tap` 代替 `click`，并取消默认行为。示例：

     Vue.directive('preventClick', {
       bind(el, binding) {
         el.addEventListener('touchstart', function(e) {
           e.preventDefault();
           // 可能需要手动触发绑定的函数
           binding.value && binding.value.call(this);
         });
       },
       unbind(el) {
         el.removeEventListener('touchstart', this.handler);
       }
     });

然后在模板中使用这个指令：

     <div v-prevent-click="yourCallbackFunction"></div>

2. **UniApp**:
- UniApp 使用 Vue 的原生模板语法，你可以为 `<template>` 标签添加一个自定义属性来阻止全局点击事件：

     <template prevent-click="yourCallbackFunction">
       <!-- 元素内容 -->
     </template>

- 或者在 App.vue 文件的全局样式中设置 CSS 属性，但这会影响整个应用，慎用：

     [v-prevent-click] {
       pointer-events: none;
     }

请注意，这样操作可能会导致一些交互体验上的问题，因为用户无法正常点击元素。如果你有特定需求，请说明是在哪些场景下希望禁用这些点击事件。