Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
发布时间：2020-12-17 02:16:00 所属栏目：百科 来源：网络整理
导读：一.格式化时间 效果图： 实现上述界面代码如下： { 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) => {
一.格式化时间效果图：
实现上述界面代码如下： {
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)
}
}
},'修改')
]);
}
}
]
}
},
数据表：
显示时间具体代码： 时间转化工具类： 二.进度条：其他具体界面实现请查看： 总结以上所述是小编给大家介绍的Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
