在Vue進行前端開發中,條件判斷主要用於根據不同的條件來決定顯示或隱藏,或者進行視圖之間的切換,本文以一個簡單的小例子簡述v-if的常見用法,僅供學習分享使用,如有不足之處,還請指正。 ...
在Vue進行前端開發中,條件判斷主要用於根據不同的條件來決定顯示或隱藏,或者進行視圖之間的切換,本文以一個簡單的小例子簡述v-if的常見用法,僅供學習分享使用,如有不足之處,還請指正。
v-if 指令
v-if 指令用於條件性地渲染一塊內容。這塊內容只會在指令的表達式返回 truthy 值的時候被渲染。 可以用 v-else 添加一個“else 塊”,也可以不用。v-else 元素必須緊跟在帶 v-if 或者 v-else-if 的元素的後面,否則它將不會被識別。
如下所示:如果isgood為true,則顯示【Vue is good!】否則顯示【Oh no】。
1 <h3 v-if="isgood">Vue is good!</h3> 2 <h3 v-else>Oh no