在前端工作中,vue作為經常出現的框架還是很重要的,今天文匯軟件就來和大家談談vue如何綁定class。
首先我們先說下vue綁定的優點:
一.綁定的class不會與原來已有的class沖突,并且內部可以做三元運算進行判斷
像下圖本來已經綁定了x和y的類,x是背景色,y是字體大小,后面是vue綁定的z類,z是字體是粉色,這在原來的html中,一個元素有兩個類名,默認只會識別第一個,而現在同樣沒有沖突


再來看html結構,z類已經合并到之前的類中了

除此之外綁定的類可以是數組或者對象,并根據true和false執行相應的類,如下圖


它還可以讓你根據對象中選取鍵的形式選擇你要是用的類

此時,變只會出現你要選取的y的類了

最后它還可以支持循環,像是下圖單數的沒有x的類,雙數的則會有x的類


以上就是小編分享的了,如果喜歡的話就來文匯軟件關注小編吧
上一篇: 微信小程序如何進行表單驗證
下一篇: 項目中如何設置頁面打印的樣式



