我想将可变数据存储在表行的一列内

时间:2019-04-30 06:46:14

标签: javascript mysql laravel vuejs2 mariadb

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

这是行的外观

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来抓住它,这是我想要的

1 个答案:

答案 0 :(得分:0)

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