vue.js過(guò)渡效果
在選擇使用過(guò)度效果來(lái)設(shè)置元素的出入時(shí),要注意的問(wèn)題
-
el元素綁定的標(biāo)簽必須包含其他的受控內(nèi)容挽放,例如:
<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
兩個(gè)標(biāo)簽必須在transition
內(nèi)