vue的條件判斷是通過v-if、v-else、v-else-if、v-show指令來實現的。
其中v-if指令根據值(true或false)判斷是否執行操作,但是只有為true時才執行v-if的指令,如果沒有v-else的話那麼久不執行當為false時的操作。
是否顯示
如果ischecked是true則顯示該段文字,是false則不顯示。
瀏覽器展示:
可以用 v-else 指令給 v-if 新增乙個 "else" 塊。v-else是結合v-if使用,是為了處理當v-if為false時的操作。
0.5">} 大於0.5
} 不大於0.5
瀏覽器顯示:
用作 v-if 的 else-if 塊。可以鏈式的多次使用。
剪刀布
請重來
瀏覽器展示:
注意:v-else 、v-else-if 必須跟在 v-if 或者 v-else-if之後。
使用 v-show 指令來根據條件展示元素:
瀏覽器展示:
Vue3 條件渲染 與 列表迴圈渲染
列表迴圈渲染 v if與v show控制渲染的機制的區別當它們的引數值是true時,毫無疑問對應的元件便是展示的 data template luelueluelielielie bye bye!效果 當它們的引數值是false時,v if通過直接暴力去除對應dom元件的形式 隱藏 元件,而v sh...
3 條件語句 迴圈語句
if語句 if 表示式1 表示式1的布林值為true則執行表示式2,表示式1的布林值為false則不執行表示式2 else if語句 else if 表示式3 該語句用在if語句或其他else if語句之後,表示滿足其前面的if 或else if 語句外如果滿足表示式3則執行表示式4 條件與條件間不...
matlab3 條件語句
1.switch語句 switch 表示式 case 條件 語句 case 條件語句 otherwise 語句end function t wendu x switch fix x 100 取整 case rate 0 case rate 3 100 case num2cell 5 9 取5 9 r...