Блог

Может быть, кто-нибудь может помочь мне решить проблему с v-html директивой

У меня есть столбец в таблице базы данных с чистым HTML-кодом. Я получаю это через PHP-скрипт через выборку.

Вот код запроса на выборку (просто обычный код выборки):

 const vacancies: Array<Vacancy> = await fetch(SCRIPT_URL)
    .then((data: Response) => data.json())
    .then((data: Array<Vacancy>) => {
        this.vacancies = data;
    })
    .catch(error => {
        console.error(error);
    })
  

Этот код выполняется при монтировании приложения. Затем я пытаюсь отобразить ее с помощью следующего кода:

 <p class="vacancy__info-text" v-for="vacancy in vacancies" v-html="vacancy"></p>
  

Но когда я перезагружаю страницу, v-html не отображает это как html — он отображает это как неэкранированный html:

 <div> Lorem ipsum <ul> <li>dolor sit amet</li> <li>consectetur adipiscing elit</li> <li>eiusmod tempor</li> </ul> </div>