javascript - 我想将可更改的数据存储在表行的一列中

Question

所以，我有一个名为 stats 的 vue 组件。基本上它的存储方式是有一个名称，例如:“目标”。它从数据库中获取 id/name 为“goals”的行，重点是访问其中的信息列以获取特定数据。

这就是行的外观

ID   Name    Info                         Created_at               Updated_at
"1" "user"  "{"goal": 1,"current":500}" "2019-04-28 03:54:44"   "2019-04-28 03:54:46"

我希望能够访问信息列中的数据并相应地显示它。我似乎无法让它在 javascript 中工作。

我就是这样调用它的

 axios.get('/api/stats/user').then((res) => {this.test = res.data; console.log(this.test)});

在控制台中我得到了我想要的对象，但信息如下所示:

info: "{"goal": 1000, "current":500}"

我似乎无法通过 ['goal'] 或 this.test.info.goal 来获取它，这就是我想要的

Answer 1

首先，创建一个resource为您的模型创建文件并创建 accessor为您的信息/目标字段。 您应该为每个包含模型/模型集合的 json 响应使用资源文件。 这样您就可以修改每个模型的 json 响应中显示的内容。