v-html

v-html

• Принимает: string

Управляет HTML-содержимым элемента (innerHTML). Cодержимое вставляется как обычный HTML — то есть не компилируется как шаблон Vue. Не стоит организовывать вложенные шаблоны с помощью v-html, попробуйте лучше применить компоненты.

Динамическая отрисовка произвольного HTML-кода на сайте — это очень опасная практика, легко приводящая к XSS-уязвимостям. В v-html стоит передавать только содержимое, которому можно доверять, и никогда — необработанный пользовательский ввод.

В однофайловых компонентах scoped стили не будут применены к содержимому внутри v-html, потому что этот HTML не обрабатывается компилятором шаблонов Vue. Если нужно стилизовать содержимое v-html с помощью локального CSS, то можно вместо этого использовать CSS-модули или дополнительный глобальный элемент <style> с иной стратегией, такой как БЭМ.

<div v-html="html"></div>