Vue.js在v-if创建元素后运行操作

Question

我有一个由条件（v-if）

加载的元素

        app7.activeFood = food;

我加载它：

$("#food-content").addClass("animate-visible");

在实例化之后，我希望应用一个类来为它设置动画：

grep -v

仅在创建元素后添加类才是至关重要的。如果我只是在加载它之后把它放进去，那么元素就不会被创建，所以它什么都不做，现在坏的部分是，如果我用nextTick函数包装它，它就会被创建但是类已经使它不能动画。

我的问题： 如何创建像我一样的元素，并在创建之后添加一个类？

Answer 1

Vue有一个完整的过渡系统来处理这样的事情：https://vuejs.org/v2/guide/transitions.html

如果您想手动处理它，可以使用生命周期方法mounted。

mounted () { 
  this.$el.classList.add('animate-visible')
}