現(xiàn)在通過v-for遍歷一個數(shù)組來渲染對應的數(shù)據(jù), 但是現(xiàn)在有一個需求是把第一個索引的的數(shù)據(jù)動態(tài)添加類, 通過指定的索引來改樣式, 樣式統(tǒng)一改變, 沒有達到預期的效果<div class="real-time"
v-for="(item, index) in orderTrackInfo"
:key="index">
<span
:class="[orderTrackInfo.indexOf(1) ? 'active-color' : 'color-l' ]"
>
{{ item.Time | date('MM/DD HH:mm') }}
</span>
<div>{{ item.Title }}</div>
</div>// css.active-color {
color: #fff;
background: #328beb;}
.color-l {
color: #aaa;
background: #eee;}以下是上面代碼顯示的效果想要改成的效果
js如何根據(jù)指定的索引來動態(tài)添加樣式?
慕村225694
2019-01-29 16:49:39