..."> ..."/> ..."> ...">

Vue.js-条件之间的转换(v-if和v-else)

vue.js Vue.js

GreenGil

2020-03-18

transition在vuejs条件v-if之间可以使用一种方法v-else吗?

举个例子:

<transition name="fade">
    <p v-if="show">hello</p>
    <p v-else>Goodbye</p>
</transition>

new Vue({
   el: '#demo',
   data: {
       show: true
   }
})

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
 }

.fade-enter,
.fade-leave-active {
    opacity: 0
}

我似乎无法transition在这种情况下使用a show在这种情况下,当您切换时<p>元素transition之间会使用a

https://jsfiddle.net/fbponh78

第2173篇《Vue.js-条件之间的转换(v-if和v-else)》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android