@krosten92

Как можно сделать форматирование и вывод JSON в таблице?

Ребят, приветствую! Появилась необходимость в ячейке q-table вывести данные в json формате. Я получаю ответ от сервера и этот ответ мне необходимо ввести в таблицу в отформатированном виде со всеми переносами. Сам ответ я в таблицу вывел, но получилась одна большая неразрывная строка. Хотелось бы это всё облагородить, то бишь показывать в ячейке форматированный вариант JSON. Как можно поступить в данном случае? Может есть какие-то готовые сниппеты для вывода форматированного json в таблицу?
  • Вопрос задан
  • 35 просмотров
Пригласить эксперта
Ответы на вопрос 2
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
const json = '{"test":{"a":1,"b":false,"c":"string"},"status":"ok"}';
const prettyJson = JSON.stringify(JSON.parse(json), null, 2);
console.log(prettyJson);
// '{
//   "test": {
//     "a": 1,
//     "b": false,
//     "c": "string"
//   },
//   "status": "ok"
// }'

Для вывода использовать стиль white-space: pre и, возможно, моноширинный шрифт.
Ответ написан
Комментировать
yarkov
@yarkov Куратор тега Vue.js
Помог ответ? Отметь решением.
Rsa97 написал самый простой вариант. Если надо добавить какой-то UI типа сворачивания блоков кода, то попробуйте что-то типа https://www.npmjs.com/package/vue-json-viewer
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы