vue格式化列表中的时间戳

Vue提供了一个非常方便的指令，可以格式化时间戳，该指令叫做v-filter。

在组件模板中，我们可以使用v-filter指令来调用一个过滤器函数，并使用它来格式化时间戳。

具体步骤如下：

1. 在Vue实例中定义一个过滤器函数

Vue.filter('formatTime', function (value) {
let date = new Date(value * 1000) // 将时间戳转为Date对象
let year = date.getFullYear()
let month = date.getMonth() + 1
let day = date.getDate()
let hour = date.getHours()
let minute = date.getMinutes()
let second = date.getSeconds()
// 格式化日期字符串
return year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second
})

2. 在模板中使用v-filter指令

<div v-for="item in list">
<p>{{ item.title }}</p>
<p>{{ item.timestamp | formatTime }}</p>
</div>

在上面的例子中，我们将时间戳传递到过滤器函数中去，函数会将时间戳转化为格式化后的日期字符串，并且返回该字符串，然后在模板中显示。

这样就可以轻松地格式化列表中的时间戳了。