案例:
1、給定乙個分值,評定等級。
2、大於等於90:優秀,大於等於80:良好,大於等於60:及格,小於60:不及格
思路:使用vue中的v-if、v-else-if、v-else語法。
"">
if="
score>=90 &&score<=100
">優秀
else-if="
score>=80 &&score<90
">良好
else-if="
score>=60 &&score<80
">及格
else-if="
score>=0 &&score<60
">不及格
else>錯誤
vue(
})
總結:v-if的原理:v-if後面的條件為false時,對應的元素以及其子元素不會渲染,也就是根本不會有對應的標籤出現在dom中。
判斷學生成績
一 提問 假設學生成績在0 100分之間,並分為abcde5個等級。100 90為a級,89 80為b級,79 70為c級,69到60為d級,59以下為e級。判斷乙個學生的分數等級。暫不涉及表單傳參 二 思路 先給個名字變數,然後再給個分數變數,最後就是一頓if判斷了。三 如下 定義乙個學生分數,後...
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顯示我...
VUE登入路由判斷
我們在做無論是 還是電商的時候,登入是我們必不可少的乙個功能,當我們從登入介面進行登入操作的時候,如果登入成功,我們希望進入到主介面。如果我們是在其他介面進行登入,則我們希望我們登入之後是返回到那個其他介面,這樣使用者也感覺到更友好。然而歷史頁面跳轉到登入頁面的情況一般是三種 1 從註冊頁面到登入介...