Vue動態事件繫結

2021-09-28 15:33:32 字數 1024 閱讀 6846

.isi 寫了乙個樣式用來繫結


下面看data


data:


將樣式繫結給資料模型


class=""


>


<


/div>
我們要知道class物件繫結得方式如下

陣列方式

看方式:


class


="[msg]"


>


<


/div>


看data


data:


這裡用第乙個案例的樣式 我們將樣式直接繫結給msg
表示式

這裡我們新增乙個為isi2的樣式


.isi2


看如何繫結的


class


="msg>6?'isi':'isi2'"


>


<


/div>


看data


data:
那麼學習完calss動態繫結樣式之後我們來學習一下style如何繫結

物件繫結

首先先看data 


data:


來看div 如何繫結


"">


}<


/div>
陣列繫結

"[arr]"


>


}<


/div>


看data:


data:


}
表示式繫結

"ms"


>


<


/div>


看data:


data:


}
如上就是動態事件繫結 在下也是新手 如果有不懂的地方請去 vue官網學習 謝謝

js動態繫結事件

在頁面中使用動態繫結事件，我們很容易就想到了onpropertychange oninput和onchange。首先說下這三個區別。onchange 當前屬性值發生改變，並且有滑鼠或者鍵盤觸發，並失去焦點。onpropertychange 屬性值發生改變。但是他是ie專屬事件，並在ie9開始棄用，i...

Jquery on 動態繫結事件

之前就一直受這個問題的困擾，在jquery1.7版本之後新增了on方法，之前就了解過，其優越性高於live bind delegate 等方法，在此之前專案中想用這個來測試結果發現，居然動態生成的標籤點選了沒反應，而live方法卻能夠支援 jquery 使用on繫結動態生成的元素時，不能直接用該物件...

js事件on動態繫結資料，繫結多個事件

一.on clcik 與 clcik 方法的區別 on clcik 事件委託機制 在body元素上繫結click事件處理函式handler，如果這個click事件是由其後代的p元素觸發的，就執行handler document.body on click p handler 事件委託機制就是，我們不...