vue3的时间过滤方法
由于vue3删除了原有的过滤方法,所有不能直接使用原有的套路进行时间过滤,如此以来就要直接使用方法模块封装函数进行过滤
此方法直接封装到methods中即可
// 直接传入原始时间节点
dateFormat: function (time) {var data = new Date(time);// 封装年份时间var y = data.getFullYear();// 封装月份时间var m = data.getMonth();// 封装日期时间var d = data.getDate();// 转换详细时分var hours =data.getHours() < 10 ? "0" + data.getHours() : data.getHours();var minutes =data.getMinutes() < 10 ? "0" + data.getMinutes() : data.getMinutes();// 输出转换后时间节点return `${y}年${m}月${d}日 ${hours}:${minutes}`;},
调用时也不能直接使用原有的过滤方法,直接调用最好,也可以用data保存后在用
<div>{{ dateFormat(time) }}
div>
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
