Vue条件渲染

2019-09-29  本文已影响0人  九瀺
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>
上一篇 下一篇

猜你喜欢

热点阅读