0
点赞
收藏
分享

微信扫一扫

【Vue2.0学习】— 过滤器(四十四)


【Vue2.0学习】— 过滤器(四十四)

【Vue2.0学习】— 过滤器(四十四)_前端

<div id="root">
<h2>显示格式化后的时间</h2>
<!-- 计算属性实现 -->
<h4>现在是:{{ fmtTime}}</h4>
<!-- methods实现 -->
<h4>现在是:{{getTime()}}</h4>
<!-- 过滤器的实现 -->
<h4>现在是:{{time | timeFormater('YYYY年MM月DD') | mySlice}}</h4>


</div>
<script>
//全局过滤器
Vue.filter('mySlice', function(value) {
return value.slice(0, 4)
})
const vm = new Vue({
el: '#root',
data: {
time: 1666060934814
},
computed: {
fmtTime() {
return dayjs(this.time).format('YYYY年MM月DD HH:mm:ss')
}
},
methods: {
getTime() {
return dayjs(this.time).format('YYYY年MM月DD HH:mm:ss')
}
},
filters: {
timeFormater(value, str = 'YYYY年MM月DD HH:mm:ss') {
return dayjs(value).format(str)
},
mySlice(value) {
return value.slice(0, 4)

}

}
})
</script>


举报

相关推荐

0 条评论