vue_过滤器： 对要显示的数据进行特定格式化后再显示

过滤器

对要显示的数据进行特定格式化后再显示

并未改变原本的数据，可是产生新的对应的数据

后台数据

private Timestamp tCreateTime;//创建时间

前端展示

方式一.ant-design-vue 可采用插槽的方法
(1)js文件中:
import moment from ‘moment’
(2)data的columns中:
data(){
return{
columns:[
{title:‘创建日期’,
dataIndex:‘tCreateTime’,
align:‘center’,
customRender:(text,row,index){
return moment(text).format(‘YYYY-DD-MM HH:mm:ss’)
}
]
}
}
(3)

创建时间 方式二.vue中采用定义过滤器的方法 (1)main.js import moment from 'moment' Vue.filter('dateFormat',(datestr,pattern='YYYY-DD-MM HH:mm:ss')=>{ return moment(datestr).format(pattern) }) (2)创建时间 {{param.tcreateTime | dateFormat}}