El uso de filtros en proyectos vue

Cuando los datos de la interfaz ya no son un proceso simple, no es la solución óptima escribir todo en la plantilla. En este momento, debe utilizar el método de filtros para procesar los datos. Luego úsalo en la página.

<el-table-column label="失联时间" align="center" prop="lostTime" width="180" sortable>
        <template slot-scope="scope">
          已有<span style="color: red;">{
   
   { scope.row.followTime | lostTime }}</span>天未联系该客户
        </template>
      </el-table-column>


    filters: {
      //将接口获取的时间戳进行处理，并转换成天数应用于页面
      lostTime: function (number) {
        const diff = new Date().getTime() - number
        return Math.floor(diff / (24 * 3600 * 1000));
      }
    },