Блог

Главная - Вопросы по программированию - стили v-html перезаписывают стиль всего приложения при vue.js

стили v-html перезаписывают стиль всего приложения при vue.js

#javascript #html #css #vue.js

#javascript #HTML #css #vue.js

Вопрос:

В v-html мы включаем HTML содержимое, подобное этому <div v-html="htmlContent"> здесь htmlContent , включает в себя множество стилей, а также файлы массовых стилей. В таком случае стили, которые v-html есть, применяются ко всему приложению. Я также вижу это из документации VUE

Обратите внимание, что содержимое вставляется как обычный HTML — они не будут скомпилированы как шаблоны Vue.

они не компилируются с шаблонами VUE. Как мы можем это исправить?

Заранее спасибо!

Комментарии:

1. если возможно, приведите пример, когда стили всего приложения перезаписываются

2. Зачем вам вводить <style> элементы внутрь v-html ? Они никогда не должны быть в полезной нагрузке для начала.

3. @Terry, допустим, у меня есть шаблон электронной почты, который будет отображаться на странице, в таких случаях шаблон электронной почты будет содержать больше содержимого HTML и стилей для этого содержимого, поэтому для этого конкретного шаблона электронной почты может быть много стилей, верно?

4. @Subash Если это так, возможно, вам лучше инкапсулировать это в iframe на самом деле, чтобы избежать загрязнения таблицы стилей электронной почты таблицей стилей вашего приложения.