Как добавить стиль компонентов Vue в iframe?
Как добавить стиль компонентов Vue в iframe. (как для стандартных компонентов, так и для асинхронных компонентов)
Я делаю приложение vue, которое представляет собой загрузку виджета html5 с помощью js.
В моем приложении большинство js и css используются в iframe и полагаются на объекты родительского окна.
В отличие от большинства приложений iframe, он загружается не с URL-адресом, а создается компонентами vue (точно так же, как эта ветка форума https://forum.vuejs.org/t/render-inside-iframe/6419)
Я использую некоторые обходные пути, такие как cssinjs, вставляю необработанный css в iframe в логике js. По-моему, он должен разделять стили в один файл из .vue.
Есть ли правильный способ сделать это?
Некоторые относятся:
@Daniel Beck Спасибо! Я должен управлять несколькими проектами SPA, и поставщики могут загружать несколько раз для пользователей. Кроме того, создание скриптов автоматической сборки тоже является проблемой ... На мой взгляд, iframe - это просто элемент, который может сохранять свой стиль независимо от своего родителя. Лучше всего хранить их в одном приложении, если есть обходной путь.
«В моем приложении большинство js и css используются в iframe». Возможно, это не лучший архитектурный выбор; это как бы побеждает цель использования фреймворка типа SPA.