Vue.js中的條件渲染指令是v-if
和v-else
。
v-if
指令用于根據(jù)一個(gè)表達(dá)式的真假來(lái)決定是否渲染元素。例如:
這個(gè)元素會(huì)在showElement為true時(shí)渲染出來(lái)
v-else
指令用于在v-if
之后,作為一個(gè)”else”塊進(jìn)行條件判斷。它必須緊跟在帶v-if
或v-else-if
的元素之后,并且沒有任何間隔。例如:
條件1為真時(shí)顯示的內(nèi)容
條件2為真時(shí)顯示的內(nèi)容
條件1和條件2都為假時(shí)顯示的內(nèi)容
除了v-if
和v-else
,還有其他條件渲染指令可用,如v-else-if
和v-show
。v-else-if
用于在多個(gè)條件之間進(jìn)行切換,而v-show
用于根據(jù)表達(dá)式的真假來(lái)控制元素的顯示或隱藏,不同之處在于v-show
只是通過(guò)CSS控制顯示和隱藏,而不是從DOM中添加或移除元素。