vue.js过渡效果
在选择使用过度效果来设置元素的出入时,要注意的问题
-
el元素绑定的标签必须包含其他的受控内容,例如:
<div id="example-3"> <button @click="show = !show">Toggle render</button> <transition name="custom-classes-transition" enter-active-class="animated tada" leave-active-class="animated bounceOutRight"> <p v-if="show">hello</p> </transition> </div>
*需要注意的是,v-if
或v-show
两个标签必须在transition
内