“Vue v-show 指令”的版本间的差异
跳到导航
跳到搜索
Jihongchang（讨论 | 贡献） |
Jihongchang（讨论 | 贡献） |
||
| 第6行： | 第6行： | ||
<img src="地址" v-show="isShow"> | <img src="地址" v-show="isShow"> | ||
<img src="地址" v-show="isNotShow"> | <img src="地址" v-show="isNotShow"> | ||
| + | <img src="地址" v-show="age>=18"> | ||
</div> | </div> | ||
| 第12行： | 第13行： | ||
data:{ | data:{ | ||
isShow:true, | isShow:true, | ||
| − | isNotShow:false | + | isNotShow:false, |
| + | age:16 | ||
} | } | ||
}) | }) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
2023年6月8日 (四) 13:58的版本
https://www.bilibili.com/video/BV12J411m7MG/?p=11
根据表达值的真假，切换元素的显示和隐藏
<div id="app">
<img src="地址" v-show="true">
<img src="地址" v-show="isShow">
<img src="地址" v-show="isNotShow">
<img src="地址" v-show="age>=18">
</div>
var app = new Vue({
el:"#app",
data:{
isShow:true,
isNotShow:false,
age:16
}
})