VUE動態樣式

代碼片段

<el-table-column label="租金起止日期">
  <template slot-scope="scope">
    <span
      :style="{color: scope.row.cont_money_status == 1 ? '#000':scope.row.cont_money_status == 0 ? 'red' : 'orange'}"
    >{{scope.row.cont_money_sdate}}~{{scope.row.cont_money_edate}}</span>
  </template>
</el-table-column>
<el-table-column label="租金到期情況" width="80px">
  <template
    slot-scope="scope"
  >{{scope.row.cont_money_status == 1 ? "未到期" : scope.row.cont_money_status == 0 ? "已過期" : "即將到期"}}</template>
</el-table-column>