vue 渐隐效果

  作者:chrispy

<transitionname="fade"><divv-if="show">helloworld</div></transition><button@click="show=!show">切换</button><stylescoped>.fade-enter-active,.fade-leave-active{transition:
<transition name="fade">

        <div v-if="show">hello world</div>
</transition>
<button @click="show = !show">切换</button>


<style scoped>
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s
}
.fade-enter, .fade-leave-active {
  opacity: 0
}
</style>


有用  |  无用

猜你喜欢