v-if (切换时会移除相关的DOM元素)
v-show （切换时将 元素display属性设置为none）
如果需要频繁切换使用 v-show （避免消耗内存）
<p v-if = "ok">成功</p>
<p v-else>失败</p>
<p v-show = "ok">成功</p>
<p v-show = "!ok">失败</p>
<button @click = "ok = !ok">切换</button>
如果需要频繁切换使用 v-show （避免消耗内存）
<p v-if = "ok">成功</p>
<p v-else>失败</p>
<p v-show = "ok">成功</p>
<p v-show = "!ok">失败</p>
<button @click = "ok = !ok">切换</button>
本文标题：Vue条件渲染
本文链接：https://www.haomeiwen.com/subject/ovpxpctx.html
网友评论