vue 双向绑定多个子组件， 不同绑定值，显示不同css 样式

Question

父组件中：

 <div>
    <ticketFormDetails
      text="指定时间"
      :value="assignDatetime | dateFormatSecondZero"
    ></ticketFormDetails>
  </div>
  <div>
    <ticketFormDetails
      text="编号"
      :value="businessId"
    ></ticketFormDetails>
  </div>
  

子组件：

<div class="">
  <el-col :span="8" :push="2">
    <div>
      &nbsp;{{ `${text}：` }}
    </div>
  </el-col>
  <el-col :span="15" :push="1">
    <div class="">
      <label class="">{{ value }}</label>
    </div>
  </el-col>
</div>
如何让 
:value="assignDatetime | dateFormatSecondZero"显示红色
:value="businessId" 显示黑色？

Answer 1

你搞一个color值传进去不就好了？