v-show
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<!-- v-if为false时，dom从内存中删除-->
<span v-if="isshow">{{message}}</span>
<!-- v-show改成false,display=none-->
<span v-show="isshow">{{message}}</span>
</div>
<script src="../vue.js"></script>
<script>
const app=new Vue({
el:'#app',
data:{
message:'sadca',
isshow:true
},
computed:{
}
})
</script>
</body>
</html>
相关文章
- 1. 《CLR Via C# 第3版》笔记之（六） - IL中的call和callvirt
- 2. Vue3 中 v-if 和 v-show 指令实现的原理 | 源码解读
- 3. krpano 功能化 -- linux 部署
- 4. react native 错误：Changing numColumns on the fly is not supported
- 5. python+opencv打开摄像头，保存视频、拍照功能的实现
- 6. 烧脑活动：“技术+营销”一个都不能少！
- 7. 香蕉派 banana pi BPI-M2_WiringPI 测试成功 代码已经上传GITHUB
- 8. python 如何使用摄像头（opencv）
- 9. 网页引用优酷视频并添加封面自动播放
- 10. Word Add-in 函数调用顺序
- 更多相关文章...
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
欢迎关注本站公众号,获取更多信息
相关文章
- 1. 《CLR Via C# 第3版》笔记之（六） - IL中的call和callvirt
- 2. Vue3 中 v-if 和 v-show 指令实现的原理 | 源码解读
- 3. krpano 功能化 -- linux 部署
- 4. react native 错误：Changing numColumns on the fly is not supported
- 5. python+opencv打开摄像头，保存视频、拍照功能的实现
- 6. 烧脑活动：“技术+营销”一个都不能少！
- 7. 香蕉派 banana pi BPI-M2_WiringPI 测试成功 代码已经上传GITHUB
- 8. python 如何使用摄像头（opencv）
- 9. 网页引用优酷视频并添加封面自动播放
- 10. Word Add-in 函数调用顺序