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>
猜你喜欢
您可能感兴趣的文章:
- PHP 二分法查找数据
- PHP 发送邮件
- PHPer程序员评“一个PHP程序员的价值”
- php程序员容易犯的10种错误
- php代码中去除空格和其他特殊符号
- PHP导出一个txt文本文件
- PHP的foreach循环
- PHP的运行原理 内幕：PHP是如何显示“你好世界”的？
- php工程师面试题
- php工程师面试题2
- PHP面试题,PHP程序员面试题及答案
- php数组分页
- php四舍五入函数round()
- PHP中$_SERVER的详细参数与说明
- PHP中mysql_connect与mysql_pconnect的区别
- php中print_r、var_dump和var_export
- PHP中strtr和str_replace比较
- Elasticsearch 中文或字符串不支持精准搜索
- mysql 替换replace