vue.js - 如何在 Vue 中操作 html 元素？

Question

单击虚拟 DOM 中的一个元素时，需要从另一个元素中删除一个类。

在 jQuery 中，这非常简单：

$(1.element).click(function() {
  $(2.element).removeClass(className);
}

如何在 Vue 中实现相同的功能？？？

谢谢！

标签： vue.js

Answer 1

这是带有演示的jsFiddle以删除类绑定。

<div id="app">
  <input type="button" v-on:click="isActive = false" value="button"/>
  <input :class="{ active: isActive }"/>
</div>

<script type="text/javascript">
  new Vue({
    el: "#app",
    data: {
      isActive: true
    }
  });
</script>