一.格式化时间
效果图：
实现上述界面代码如下：
{
const row = params.row;
return h('div',[
h('span',{},this.timeStamp(row.d_create_time)),]);
}
},{
title: '修改时间',key: 'd_change_times'
},{
title: '完成进度',key: 'd_progress',params) => {
return h('div',[
h('Progress',{
props: {
type: 'Progress',size: 'small',percent:parseInt(params.row.d_progress)
}
},params.row.d_progress+'%'),])
}
},{
title: '操作',key: 'operation',[
h('Button',{
props: {
type: 'primary',size: 'small'
},style: {
marginRight: '5px'
},on: {
click: () => {
console.log(params);
// this.$router.push({path: '/xxxx',query: {fc_id: params.row.fc_id}});
alert(1)
}
}
},'分配'),h('Button',on: {
click: () => {
console.log(params);
alert(2)
}
}
},'编辑'),query: {fc_id: params.row.fc_id}});
alert(3)
}
}
},'备注'),style: {
marginRight: '0px'
},query: {fc_id: params.row.fc_id}});
alert(4)
}
}
},'修改')
]);
}
}
]
}
},
数据表：
时间转化工具类：
二.进度条：
其他具体界面实现请查看：nofollow" href="https://www.iviewui.com/components/table">https://www.iviewui.com/components/table
总结
以上所述是小编给大家介绍的Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。
原文链接：https://www.f2er.com/vue/31334.html