当前位置:网站首页>v-show指令:切换元素的显示与隐藏
v-show指令:切换元素的显示与隐藏
2022-08-10 16:24:00 【爱雨天】
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
<input type="button" value="切换" @click="changeIsShow">
<img v-show="isShow" src="许嘉茵1.png" alt="">
<img v-show="age>=18 " src="许嘉茵1.png" alt="">
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
var app=new Vue({
el:"#app",
data:{
isShow:false,
age:17
},
methods:{
changIsShow:function(){
this.isShow=!this.show;
}
},
}
)
</script>
</body>
</html>
边栏推荐
- 不爱生活的段子手不是好设计师|ONES 人物
- 清理空的 Jetpack Compose 应用程序模板
- I met a 25k+ from Tencent, he let me see what kind of basic ceiling
- 怎么截取视频做gif动图?手把手教你视频在线转gif制作
- 如何将jpg静图做成gif动图?教你1分钟快速合成gif
- 直播预告|从新手村到魔王城,高效默契的敏捷团队如何炼成
- 让页面滚动到指定位置
- 一文带你彻底拿下a,b两点间等效电阻
- Gif动图如何快速制作?教你1分钟图片合成gif的方法
- Could NOT find Doxygen (missing: DOXYGEN_EXECUTABLE)
猜你喜欢
随机推荐
1001 A+B Format(字符串处理)
个人博客部署注意的几点问题
【FreeRTOS】13 动态内存管理
Taurus.MVC WebAPI 入门开发教程4:控制器方法及参数定义、获取及基础校验属性【Require】。
WinUI 3 Fundamentals 5小时教学视频
商业智能BI行业分析思维框架:铅酸蓄电池行业(二)
Exchange Online审计和监控
一文带你彻底拿下a,b两点间等效电阻
国内油价四连跌,但下跌趋势可能终止
从宠爱到嫌弃,蒸发1500亿后,这家明星企业为何陨落?
如何使用Swift Package插件生成代码
关于Web渗透测试需要知道的一切:完整指南
如何修改gif尺寸?1分钟教你快速修改gif尺寸
x86 与 x64 架构下函数参数传递的区别【汇编语言】
WIZnet 物联网设计大赛 - WizFi360大赛延迟通知
LabView---双通道示波器(内含信号发生器)
LeetCode-922. Sort Array By Parity II
功能测试vs.非功能测试:能否非此即彼地进行选择?
蓝桥ROS之 cmake gcc g++ 默认版本和升级
干货:服务器网卡组技术原理与实践