Vue 绑定点击类答案

【问题标题】：Vue Bind Click On ClassesVue 绑定点击类
【发布时间】：2021-08-20 15:36:04
【问题描述】：

我是 Vue.js 的新手。

在旧的 jQuery 中，在某些类上绑定点击很简单：

$('body').on('click','some-class-*', function(e) {})

如何在 Vue 中做到这一点？我读到我可以对单个元素进行绑定，例如

<span v-bind:click="dosomething" classes="some-class-1"></span>

【问题讨论】：

在 Vue 中绑定到单个元素上的事件的语法是 v-on:click="dosomething" 或 @click="dosomething"。据我所知，在 Vue 中没有办法在所有具有特定类的元素上监听事件。
谢谢。那么在 Vue 中我们不能像在 JQuery 中那样操作 DOM 吗？它只是增加了反应性？
大部分情况下是正确的。

标签： vue.js

【解决方案1】：

你可以用普通的 JS 来归档这个：

var mySelection = document.getElementsByClassName('some-class');

for(var i = 0; i < blockSelection.length; i++) {
   (function(index) {
      mySelection[index].addEventListener("click", function() {
         // Do something
      })
   })(i);
}

【讨论】：

我知道。我会在 Vue 中做。
@gdm 你可以在 Vue 中使用它，它是一个 JavaScript 框架。事实上，这是不使用另一个库的唯一解决方案。总是乐于帮助人们学习新事物。不客气。