Я хочу хранить изменяемые данные в одном столбце строки моей таблицы

Question

Итак, у меня есть компонент vue, который называется stats. В основном, как он хранится, у него есть имя, например: «цели». Он извлекает строку с идентификатором / именем 'goal' из базы данных, и цель состоит в том, чтобы получить доступ к информационному столбцу в нем, чтобы получить определенные данные.

Вот так будет выглядеть строка

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 о каждой модели.