“Vue v-show 指令”的版本间的差异
跳到导航
跳到搜索
Jihongchang（讨论 | 贡献） |
Jihongchang（讨论 | 贡献） |
||
| 第4行： | 第4行： | ||
<div id="app"> | <div id="app"> | ||
<img src="地址" v-show="true"> | <img src="地址" v-show="true"> | ||
| + | <img src="地址" v-show="isShow"> | ||
| + | <img src="地址" v-show="isNotShow"> | ||
</div> | </div> | ||
| 第9行： | 第11行： | ||
el:"#app", | el:"#app", | ||
data:{ | data:{ | ||
| − | isShow:true | + | isShow:true, |
| + | isNotShow:false | ||
} | } | ||
}) | }) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
2023年6月8日 (四) 13:57的版本
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">
</div>
var app = new Vue({
el:"#app",
data:{
isShow:true,
isNotShow:false
}
})