如何给相同字段不同属性

需求：

让前两条数据中的时间和通知变为加粗属性

可以给这条数据添加一个状态字段，令其state=1，意为未读消息，从而达到需求目的。

 <el-row v-for="(query, index) in table" :key="index" style="margin-top: 10px;margin-left: 10px">
      <el-col :span="1" style="width:4px;height:4px;border-radius:50%;background-color:dodgerblue;margin-top: 8px;text-align: right"><div></div></el-col>
      <el-col :span="2" style="text-align: center" :class="{ div_jc: query.state ===1}"><div><span ></span>{{query.date}}</div></el-col>
      <el-col :span="3" style="text-align: center"><div style="color:#c4c4c4;">{{query.sq}}</div></el-col>
      <el-col :span="1" style="text-align: center"><div style="color:#c4c4c4;">|</div></el-col>
<!--      <el-col :span="3" style="text-align: center"><div>{{query.sqap}}:</div></el-col>-->
      <el-col :span="15" style="text-align: left;white-space:nowrap;text-overflow: ellipsis" :class="{ div_jc: query.state ===1}"><div>"{{query.project}}"</div></el-col>
<!--      <el-col :span="3" style="margin-left: 10px;text-align: center"><div>({{query.name}})</div></el-col>-->
    </el-row>