學習Vue(3) 條件語句

2021-10-02 06:24:24 字數 987 閱讀 4582

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...