06 vue中的條件判斷

2021-10-10 14:39:10 字數 523 閱讀 7765

v-if後面的條件為false時,對應的元素以及其子元素不會渲染,也就是不會有對應的標籤出現在dom中。

案例一:

bbbccc

ddd}

data : ,

})案例二isshow為false時顯示我

data : ,

})案例三:

= 80">良好

= 60">及格

不及格data : ,

})案例四:

data : ,

computed : else if(this.score >= 80) else if(this.score >= 60)else

return showmessage;

},},

})作用:v-show和v-if非常相似,也用於決定乙個元素是否被渲染

v-if和v-show的對比

開發中如何選擇

data : ,

})

Vue條件判斷

v if後面的條件為false時,對應元素及子元素不會渲染,也就是說不會有對應的標籤出現在dom中。isshow h2 div js vue.js script newvue isshow abc div abc div abc div abc div h2 else isshow為false顯示我...

06條件判斷

一 if語句 形式if expression statementif expression statement1 else statementif expression1 statement1 else if statement2 else statement3例子if legs 4 printf ...

Vue 條件判斷(v if v show)

1 v if 1 v if運用 只有在為true的時候才會顯示資料 2 v if與v else v if為true的時候執行if,否則,執行else 3 案例 v if與v else的應用 if isuser for username 使用者賬號 text id username placehold...