在vue中給奇數行動態新增class
實現效果：給列表中的奇數或偶數新增class
<!-- 奇數行 -->
<ul>
<li class="list-item" v-for="(item,index) in data" :class="{'active':index%2 != 1}">{{data[index].name}}</li>
</ul>
奇數行：:class="{‘active’:index%2 != 1}"
偶數行：:class="{‘active’:index%2 != 0}"
active是需要新增的class類名
相關文章
- vue：動態給img賦值Vue賦值
- 使用TypeDescriptor給類動態新增Attribute
- js 動態新增class封裝(es6語法)JS封裝
- javascript 動態新增表格行JavaScript
- 繫結變數在靜態sql和動態sql中變數SQL
- 給Winform中的datagridview新增行號ORMView
- jquery給動態新增的dom元素繫結事件jQuery事件
- 給你的應用程式新增動態滑鼠 (轉)
- 給我5分鐘，保證教會你在vue3中動態載入遠端元件Vue元件
- VUE 父元件動態傳值給子元件Vue元件
- JavaScript動態為table表格新增行JavaScript
- SQLServer中動態查詢sql返回值給變數<整理>SQLServer變數
- JavaScript 奇數行或者偶數行JavaScript
- jQuery給動態新增的元素繫結事件的方法jQuery事件
- jQuery動態新增和刪除表格行jQuery
- 聊聊 Vue 中 title 的動態修改Vue
- 給 zsh 自定義命令新增引數自動補全
- python實現在類中動態新增屬性和生成物件Python物件
- Vue select 繫結動態變數Vue變數
- 用Proxy 在 Vue 中解決動態載入資料的需求Vue
- 在 Vue 中如何避免在動態繫結 類 出現空 類 的情況?Vue
- 動態建立節點並且給建立的元素新增屬性
- JS中動態新增元素並繫結事件，造成程式重複執行JS事件
- 報表中怎麼新增動態文字水印
- Android中ListView動態新增刪除項AndroidView
- 使用 addRouteMiddleware 動態新增中間
- 給alias命令新增引數支援
- 如何獲取java執行時動態生成的class檔案？Java
- vue如何通過變數動態拼接urlVue變數
- mobx動態新增observable
- js動態新增svgJSSVG
- RecyclerView新增動態水印View
- C++11中對類(class)新增的特性C++
- Jquery 給Js動態新新增的元素 繫結的點選事件jQueryJS事件
- 使用動態變數進行動態資料比較變數
- 如何給TableView、CollectionView新增動效View
- vue 動態建立元件(執行時建立元件)Vue元件
- 如何在水晶報表中動態新增欄位