element结合vue对table列值时间格式化并修改样式

element vue对table中时间格式化并且修改样式

请看效果图：

代码如下：

<el-table-column>
	label="完成时间">
	<template scope="scope">
		<span v-html="dateFormatTime(scope.row.finishTime)"></span>
	</template>
 </el-table-column>

其中finishTime是你获取的字段值，dateFormatTim是方法。
$**方法：**$

dateFormatTime: function(value) {
    if(value){
        var formatterTime = moment(new Date(value)).format("YYYY-MM-DD");
        return "<font color='red'>"+formatterTime+"</font>";
    }else {
        return "";
    }
},

虽然是个很简单的问题，但也困扰了我一些时间，希望能帮到你们，谢谢。不喜勿喷！