时间戳

首页 > 解决方案 > 为什么我的数据 obj 的更改没有反映在 vue.js 模板中？

javascript - 为什么我的数据 obj 的更改没有反映在 vue.js 模板中？

问题描述

我正在更新我的 vue.js 应用程序中的一些实时计时器。我之前遇到了一个问题，即对计时器的更改太深地嵌套在我的数据对象中，vue.js 无法在模板中获取。

所以我所做的是我重组了我的数据并开始制作浅层对象，结构如下：

testDict = {dynamicallygeneratedname: '5 minutes', anotherrandomname: '1 minute}

这里的值每秒都会更改一次，我可以通过显示更新时间的 console.log(this.testDict) 来验证这是否有效

从我的 vue.template 中，我正在调用{{ testDict.anotherrandomname }}，但模板不会随着实时时间更新，如 console.log 中所示

我不知道为什么这不起作用，因为我将数据完全重组为专门用于反应性的平面数据集。

我做错了什么，我该如何解决这个问题？

  data() {
    return {
      testDict: {},
    }
  },

标签： javascriptvue.js

解决方案

推荐阅读