問題描述

主要問題是: 之前記得能$index傳遞一個(gè)index然后就好辦了, 怎么知道當(dāng)前tr渲染是的是第幾行數(shù)據(jù), 如何用computed做

我想改變文字顏色

我的代碼:

問題解答

寫好樣式，然后動(dòng)態(tài)綁定 :class ='{green:true,red:false.....}'

你用的是element-ui框架吧，在el-table里有這么一個(gè)屬性row-class-name，是一個(gè)回調(diào)函數(shù)，可以給table-cell加class。詳情你可以看一下官網(wǎng)，在最下面。舉個(gè)栗子：(通過判斷一行數(shù)據(jù)中的值來顯示不同的背景顏色)template

<el-table :data='roleMenuTable' border :row-class-name='tableRowClassName'>

script

methods: { // 已選擇渲染樣式 tableRowClassName (row, index) { if (row.operation) {return ’info-row’ } else {return ’’ } } }

style

<style>.el-table .info-row{ background: #5CB85C;}</style>

效果：

現(xiàn)在也可以啊，把v-for改成v-for='(item, index) in lists',inde就是索引了