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> с иной стратегией, такой как БЭМ.
Last updated