Question

在虚拟DOM中单击一个元素时，有必要从另一个元素中删除一个类。

在jQuery中，这非常简单：

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

如何在Vue中实现相同目标？

谢谢！

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>

Answer 2

使用vm-on在模板中获取事件对象，它们与某些数据绑定（v-bind）一起更改模板的值类（classToChange）。像这样的东西。

<script>
new Vue({
  el: '#test',
  data: function () {
    return classToChange = 'old-class'
  }
  methods: {
    click: function (ev) {
      this.classToChange = 'new-class'
    }
  }
})
</script>

https://vuejs.org/v2/api/#vm-on

如何在Vue中操作html元素？

2 个答案: