Vue.js 将矩（）.fromNow（）与数组中的vue组件一起使用

如何使用Momentjs格式化vue组件中的日期？当我手动输入日期时，moment（）.fromNow（）函数可以正常工作，但我希望使用从API获取的日期

这就是它目前的样子，我把我需要帮助的部分放在*

Vue.js

 <div class="post d-flex flex-row" v-for="(post, i) in Post" :key="i">
    <h6 class="card-subtitle mb-2 text-muted">Posted **{{moment(datePosted).fromNow()}}** by {{post.user}}</h6>
 </div>

data() {
        return{
            Post: []
        }
    },
    async created() {
        try{
            const res = await axios.get(url)
            this.Post = res.data;
        } catch(err){
            console.log(err)
        }
    }

由{post.user}发布**{{moment（datePosted.fromNow（）}}**
数据（）{
返回{
职位：[]
}
},
异步创建（）{
试一试{
const res=等待axios.get（url）
this.Post=res.data；
}捕捉（错误）{
console.log（错误）
}
}

变量

日期发布

似乎未定义。format函数应该类似于

{moment（post.datepost）.fromNow（）}

。也不要使用因情况不同而不同的变量：

post

和

post

在我看来，您可以在创建的内部映射

res.data

，并将带有格式化数据的属性附加到对象。 例如：

显然，我不知道post.date是否是合适的属性。你必须在那里输入正确的。还要确保导入了MomentJS模块

然后在模板中，您可以使用：

{{ post.datePost }}

---

这回答了你的问题吗？不，我试图基本上做一些类似{{moment（{{post.datePosted}}）.fromNow（）}的事情。但是我不能像那样把一个组件放到矩函数中，但是这不会是反应的哦，哇，就是这么简单。我想我需要休息一下，我现在开始想得太多了。谢谢

{{ post.datePost }}