javascript - Comment ajouter des styles aux éléments de vue
大家讲道理
大家讲道理 2017-05-16 13:45:12
0
3
842

Le problème principal est : n'oubliez pas de le $index传递一个index然后就好办了, 怎么知道当前tr渲染是的是第几行数据, 如何用computedle faire avant

Je veux changer la couleur du texte

Mon code :

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

répondre à tous(3)
小葫芦

Écrivez le style puis liez-le dynamiquement : class ="{green:true,red:false....}"

过去多啦不再A梦

Vous utilisez le framework element-ui, ajoutez une classe dans el-table里有这么一个属性row-class-name,是一个回调函数,可以给table-cell. Pour plus de détails, vous pouvez consulter le site officiel, en bas.
Par exemple : (afficher différentes couleurs d'arrière-plan en jugeant la valeur dans une ligne de données)
modèle

<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>

Effet :

滿天的星座
现在也可以啊,把v-for改成v-for="(item, index) in lists",inde就是索引了
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal