vue的成績判斷

2022-09-04 13:57:21 字數 487 閱讀 3204

案例:

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 從註冊頁面到登入介...