首頁猿問 vue中請(qǐng)問v-for循環(huán)數(shù)組如何...

vue中請(qǐng)問v-for循環(huán)數(shù)組如何讓數(shù)組里包含的某些元素顯示動(dòng)態(tài)樣式。

JavaScript

繁星點(diǎn)點(diǎn)滴滴 2019-03-19 17:13:38

選擇一個(gè)模塊push兩個(gè)值到一個(gè)數(shù)組打印出來是這樣；然后將數(shù)組保存到data里return的resarray[];現(xiàn)在v-for循環(huán)所有列表到頁面上：這就是所有的列表id，現(xiàn)在要求給resarray里的id添加動(dòng)態(tài)樣式，也就是選中的，請(qǐng)問這樣應(yīng)該如何做判斷，我是這樣寫的但是感覺無用求大神指點(diǎn)

查看完整描述

2 回答

茅侃侃

TA貢獻(xiàn)1842條經(jīng)驗(yàn) 獲得超21個(gè)贊

寫給循環(huán)數(shù)組arr里的每一列添加一個(gè)屬性isClick: false，給每個(gè)列表的點(diǎn)擊事件傳index索引作為參數(shù)，點(diǎn)擊事件得到索引。再給改變相應(yīng)的列表里的isClick屬性：arr[index].isClick = true，然后再html里做判斷:class="{{item.isClick ? 'active' ： '' }}"

反對(duì) 回復(fù) 2019-04-03