vue 点击不是当前容器的事件

如果你想实现在点击某个元素时，不触发该元素的点击事件，而是触发其他元素的点击事件，可以使用事件委托和事件冒泡机制。

具体做法为：

1.在父元素上绑定点击事件，并在事件处理函数中判断点击的元素是否为目标元素。

2.如果点击的元素不是目标元素，则触发目标元素的点击事件。

下面是一个示例代码：

HTML：

<div id="parent">
  <button id="target">点击我</button>
</div>

JS：

var parent = document.getElementById('parent');
var target = document.getElementById('target');

parent.addEventListener('click', function (event) {
  // 判断点击的元素是否为目标元素
  if (event.target !== target) {
    // 触发目标元素的点击事件
    target.click();
  }
});

在 Vue 中同样可以使用类似的方式实现。在模板中，可以使用 `@click` 绑定点击事件，而在事件处理函数中，可以使用 `event.target` 获取点击的元素，然后根据需要进行处理。