1. Vue 过滤器的使用

网友投稿 245 2022-11-21

1. Vue 过滤器的使用

Vue 过滤器的使用 全局过滤器

全局过滤器:{{ dateTime | dateFormat }}

Vue.filter('dateFormat', function(dateStr){ let dateTime = new Date(dateStr); let year = dateTime.getFullYear(); let month = dateTime.getMonth().toString().padStart(2, '0'); let day = dateTime.getDay().toString().padStart(2, '0'); let hour = dateTime.getHours().toString().padStart(2, '0'); let min = dateTime.getMinutes().toString().padStart(2, '0'); let sec = dateTime.getSeconds().toString().padStart(2, '0'); return `${year}-${month}-${day} ${hour}:${min}:${sec}`; }); 局部过滤器

私有过滤器:{{ dateTime | dateFormat2 }}

var app = new Vue({ el: '#app', data: { dateTime: new Date() }, methods: { fun: function(){ } }, filters: { dateFormat2: function (dateStr) { let dateTime = new Date(dateStr); let year = dateTime.getFullYear(); let month = dateTime.getMonth().toString().padStart(2, '0'); let day = dateTime.getDay().toString().padStart(2, '0'); let hour = dateTime.getHours().toString().padStart(2, '0'); let min = dateTime.getMinutes().toString().padStart(2, '0'); let sec = dateTime.getSeconds().toString().padStart(2, '0'); return `${year}-${month}-${day} ${hour}:${min}:${sec}`; } } })

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:区块链如何为许可链设计身份模型
下一篇:spring注解如何为bean指定InitMethod和DestroyMethod
相关文章