Как получить html только из возвращенного объекта vuejs - PullRequest
Новая
       12

Как получить html только из возвращенного объекта vuejs

2 голосов
/ 16 января 2020

У меня есть проект vue, который должен возвращать данные из поля расширенного текста в Contentful. Данные возвращаются как объект. Есть ли способ визуализации этих данных с использованием директивы v- html? В настоящее время я могу сделать html, однако он заключен в квадратные скобки, как показано ниже.

enter image description here

Код 

  <div 
            v-if="testRich"

            class="mb4 testRich"

            v-html="testRich"
  />

1 Ответ

1 голос
/ 16 января 2020

Одним из вариантов является использование фильтров, если вы действительно хотите весь объект 

Vue.filter('jsonPretty', (value)=>{
  return JSON.stringify(value,null,4)
})

, а затем использование: 

<div>{{testRich | jsonPretty}}</div>

Если вы просто хотите, чтобы значение вам нужно было ссылаться на него правильно: 

v-html="testRich.content[0].content[0].value"
...