Javascript 如何使用vuejs 2从阵列转换数据?
我有一个“persons”表,其中包含几个数据。其中一个数据是出生日期 我想使用这些数据来显示使用moment.js的人的年龄,如下所示:Javascript 如何使用vuejs 2从阵列转换数据?,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我有一个“persons”表,其中包含几个数据。其中一个数据是出生日期 我想使用这些数据来显示使用moment.js的人的年龄,如下所示:moment().diff(生日,'years') 只有我无法在.vue文件中转换此数据 <script> export default { data() { return { persons: [], loading: true, errored: f
moment().diff(生日,'years')代码>
只有我无法在.vue文件中转换此数据
<script>
export default {
data() {
return {
persons: [],
loading: true,
errored: false
}
},
mounted() {
axios.get('/persons/list')
.then(response => {
this.persons = response.data;
})
.catch(error => {
console.log(error)
this.errored = true
})
.finally(() => this.loading = false)
}
}
</script>
导出默认值{
数据(){
返回{
人员:[],
加载:对,
错误:错误
}
},
安装的(){
axios.get(“/persons/list”)
。然后(响应=>{
this.persons=response.data;
})
.catch(错误=>{
console.log(错误)
this.errored=true
})
.最后(()=>this.loading=false)
}
}
谢谢你的帮助 npm install moment——保存,然后确保将其导入到this.person对象所在的文件中。使用另一个.then()向状态中的person对象添加另一个字段。使用矩来区分从axios调用出生的person年份和现在的年份。使用Moment to diff。稍后,您会在年龄状态上显示值,这样以后您仍然会有生日,并且DB中的值与客户端上的值相同
mounted() {
axios.get('/persons/list')
.then(response => {
this.persons = response.data;
})
.then(()=>{
this.persons.age = moment(this.persons.date_of_birth, "YYYYMMDD").fromNow();
})
.catch(error => {
console.log(error)
this.errored = true
})
.finally(() => this.loading = false)
}
您似乎没有在文件中加载矩.js。这是否包括在您的应用程序的其他地方?@ConnorGurney是的!你们在哪里包括它?你们只想输入你们使用它的时刻,而不是全局