ref改變樣式 vue 3 通過屬性修改樣式

2021-10-16 14:16:59 字數 441 閱讀 6374

[1\. 通過屬性繫結設定元素class]()

1. 直接傳遞乙個陣列class 注意:這裡的class需要使用 v-bind 做資料繫結

2. 在陣列中使用三元表示式

或3. 在陣列中使用物件來代替三元表示式,提高**可讀性

4. 在為class使用 v-bind 繫結物件時,物件是的屬性是類名,由於物件的屬性可帶或不帶引號,所以沒寫;屬性值 是乙個識別符號

寫法1:

寫法2:

var vm = new vue(

[2\. 通過屬性繫結設定元素style]()

1. 直接在元素上通過`:style`的形式,書寫樣式物件

2. 將樣式物件定義到`data`中,並直接引用到`:style`中

var vm = new vue(

3. 在`:style`中通過陣列,引用多個`data`上的樣式物件

Jquery 改變樣式

jquery 是乙個非常好用js庫,有很多的特殊的操作,為了方便,我們都可以引入jquery。在寫 web 專案是,往往我們的圖示,都是一些標籤,我們是通過樣式來修改顯示的圖示。我們要通過改變 中的 class 樣式來改變顯示的圖示。具體的 如下 網頁部分 我的 js部分 其中 中,用到了 attr...

Dom程式設計 Element,改變樣式

var p document.createelement p p.id dwdw p.class dwdw 小結 setattribute 可以設定正常的屬性 id,class 也可以設定非標準的屬性,但需要在前面機上 data 開頭 setattribute 設定的非標準屬性不能通過 div.id...

使用datasest屬性改變樣式

對於html中的標籤我們可以自定義標籤中的屬性,例如給input加乙個aaa屬性 接下來獲取input的屬性並在控制台中輸出,即 let intype document.queryselector input console.log intype.type intype.type console.l...