84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
Das Hauptproblem ist: Denken Sie daran, $index传递一个index然后就好办了, 怎么知道当前tr渲染是的是第几行数据, 如何用computedes vorher zu tun
$index
computed
Ich möchte die Textfarbe ändern
Mein Code:
光阴似箭催人老,日月如移越少年。
写好样式,然后动态绑定 :class ="{green:true,red:false.....}"
你用的是element-ui框架吧,在el-table里有这么一个属性row-class-name,是一个回调函数,可以给table-cell加class。详情你可以看一下官网,在最下面。举个栗子:(通过判断一行数据中的值来显示不同的背景颜色)template
el-table
row-class-name
table-cell
<el-table :data="roleMenuTable" border style="width: 100%" :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>
效果:
现在也可以啊,把v-for改成v-for="(item, index) in lists",inde就是索引了
写好样式,然后动态绑定 :class ="{green:true,red:false.....}"
你用的是element-ui框架吧,在
el-table
里有这么一个属性row-class-name
,是一个回调函数,可以给table-cell
加class。详情你可以看一下官网,在最下面。举个栗子:(通过判断一行数据中的值来显示不同的背景颜色)
template
script
style
效果: