VUE设置grid数据表中字段样式

在grid.vue文件中加入对应组件

<template v-if="'YEARAGE' == item.type"> 
                    <span class="ageClass">
                      {{ scope.row[item.field].substring(0,7) }}
                      <i class="ageStyle">{{scope.row[item.field].substring(7,13)}}</i>
                    </span>
                  </template>

加入样式

.ageClass .ageStyle{
  font-style:normal;
  color:rgba(255, 69, 69, 1);
}

对应列type修改

展示效果

标签：VUE,中字段,field,substring,数据表,grid,scope,69,row
来源： https://blog.csdn.net/ancartoon/article/details/121162553