Vue使用 v bind 繫結 class

2022-01-28 21:41:26 字數 486 閱讀 8215

有時候class類要根據資料的不同來切換樣式,可以使用v-bind繫結class,class類可以是物件,也可以是陣列。

操作元素的 class 列表和內聯樣式是資料繫結的乙個常見需求。因為它們都是屬性,所以我們可以用v-bind處理它們:只需要通過表示式計算出字串結果即可。不過,字串拼接麻煩且易錯。因此,在將v-bind用於classstyle時,vue.js 做了專門的增強。表示式結果的型別除了字串之外,還可以是物件或陣列。

有時候時間久了容易忘,這裡記下之前常用的幾個v-bind繫結class的用法。

Vue使用 v bind 繫結 class

有時候class類要根據資料的不同來切換樣式,可以使用v bind繫結class,class類可以是物件,也可以是陣列。操作元素的 class 列表和內聯樣式是資料繫結的乙個常見需求。因為它們都是屬性,所以我們可以用v bind處理它們 只需要通過表示式計算出字串結果即可。不過,字串拼接麻煩且易錯。...

vue元素屬性繫結v bind

使用 v bind 指令對標籤標準屬性進行繫結。語法 標籤 v bind 屬性名稱 表示式 標標籤 屬性名稱 表示式 標注意 冒號 的簡易設定推薦使用。如果有需要,繫結的內容可以進行變數 常量 算術運算 比較運算 邏輯運算 三元運算等技術應用。案例 通過v bind對img標籤的src width ...

VUE課程 8 屬性繫結v bind

v bind是vue中繫結屬性的指令,可以將標籤裡面的屬性繫結vue裡面的資料,v bind 指令可以被簡寫為 要繫結的屬性 div id p v bind title mytitle p p title mytitle aaaaa p a href myhref 讓學過的東西不再忘記 a div ...