1.物件方式處理動態的樣式 :class="{樣式類名:響應式資料}"響應式資料為true有
這個樣式,反之沒有
.active{color:red}
<p :class="{active:a}"></p>
data:{a:true}
2.陣列方式處理動態的樣式 :class="[響應式資料,...]"控制響應式資料的值 是
對應的樣式類或者沒有值,來控制是否有這個樣式
<p :class="[active,big]"></p>
data:{active:'',big:'big'}
複製程式碼
class 和 style 資料動態繫結
相關文章
- Vue Class與Style繫結Vue
- vue Class 與 Style 繫結Vue
- 繫結class樣式和style樣式
- vue-class和style樣式繫結Vue
- 小程式與Vue對比·class與style繫結Vue
- vue class與style 繫結詳解——小白速會Vue
- C++的動態繫結和靜態繫結C++
- 05-v-bind動態繫結class(物件語法)物件
- 理解靜態繫結與動態繫結
- vue 基礎入門筆記 03:v-model、Class 與 Style 繫結Vue筆記
- java中的靜態繫結與動態繫結Java
- 介面的繫結方案和動態SQLSQL
- 【Vue】style和class 列表渲染 使用v-for進行迴圈 監控失效 雙向資料繫結 過濾案例 事件修飾符Vue事件
- 【轉載】WPF中TreeView控制元件資料繫結和後臺動態新增資料(一)View控制元件
- vue.js繫結classVue.js
- 三、動態繫結屬性
- JAVA動態繫結淺析Java
- 百度前端學院任務動態資料繫結(五)前端
- js 定時器 繫結classJS定時器
- 資料繫結
- 關於動態字串的繫結字串
- Vue 動態繫結CSS樣式VueCSS
- Vue select 繫結動態變數Vue變數
- vue 動態繫結 v-modelVue
- 動態繫結 input v-model
- 模板語法之--強制資料繫結和繫結事件監聽事件
- vue 的 class 與 style 使用Vue
- [系列] Gin框架 - 資料繫結和驗證框架
- 域名繫結動態IP實戰案例
- 第二講、Vue3.x繫結資料、繫結html、繫結屬性、迴圈資料VueHTML
- Angular | 理解資料繫結Angular
- Binding(一):資料繫結
- SpringMVC資料繫結demoSpringMVC
- jQuery實現DOM元素事件動態繫結jQuery事件
- 動態生成的html元素繫結click事件HTML事件
- uni-app入門教程(3)資料繫結、樣式繫結和事件處理APP事件
- Vue資料繫結簡析Vue
- JS雙向資料繫結JS