在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
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/14471.html
標籤:其他
