Vue.js 我的Vuetify数据表中的时间未更新

Vue.js 我的Vuetify数据表中的时间未更新,vue.js,vuetify.js,v-data-table,Vue.js,Vuetify.js,V Data Table,我在Vuetify数据表上设置了一个间隔以显示最近的日期,但函数正在被调用,但该表没有更新以显示单元格中的新时间如何在不刷新整个页面的情况下更新表格? 这是显示我的问题的代码笔链接 您可以将新日期存储在数据变量中,并在模板中使用此变量。例如: // currentDate is the new data variable <template v-slot:item.calories="{ item }"> <v-chip dark>{{ currentDate }}&

我在Vuetify数据表上设置了一个间隔以显示最近的日期,但函数正在被调用,但该表没有更新以显示单元格中的新时间<代码>如何在不刷新整个页面的情况下更新表格?


这是显示我的问题的代码笔链接

您可以将新日期存储在数据变量中,并在模板中使用此变量。例如:

// currentDate is the new data variable
<template v-slot:item.calories="{ item }">
  <v-chip dark>{{ currentDate }}</v-chip>
</template>

您可以将新日期存储在数据变量中,并在模板中使用此变量。例如:

// currentDate is the new data variable
<template v-slot:item.calories="{ item }">
  <v-chip dark>{{ currentDate }}</v-chip>
</template>

当我在上面的代码笔中尝试时,这似乎不起作用。看,我创建了另一个代码笔->这是你期望的行为吗?啊!你完全正确!我忘了在数据部分添加
currentDate:null
!非常感谢。当我在上面的代码笔中尝试时,这似乎不起作用。看,我创建了另一个代码笔->这是你期望的行为吗?啊!你完全正确!我忘了在数据部分添加
currentDate:null
!非常感谢。