Это личный проект, если что:)
Пишу подобие генератора шаблонных страниц на vuejs.
Решил организовать предпросмотр созданных страниц.
Лежат на том же домене, что и апи.
Сейчас при сохранении редактора от апи приходит массив страниц: ссылка + название
Перечень страниц справа организован как аккордион при клике на который в левом iframe меняется урл на соответсвующий предпросмотру страницы.
<v-col cols="8">
<iframe
name="main"
:src="iframe.src"
@load="frameLoad"
v-show="iframe.loaded"
sandbox="allow-scripts"
width="750" height="750" frameborder="1"
></iframe>
<img v-show="!iframe.loaded" src="/assets/img/loading.gif" width="200" alt="loading">
</v-col>
<v-col cols="4" >
<v-expansion-panels accordion v-model="first">
<template v-for="(elem, index) in pages">
... перечень страниц....
У iframe сейчас стоят размеры статичны 750x750 с внутренней прокруткой. В дальнейшем планируется сделать резиновый размер под мобилки.
1. Основной вопрос в том, как заставить страницу внутри iframe принудительно открываться в декстопном (потом и планшетном\мобильном режиме). Ибо макет генерится с брейкпоинтами на декстоп\планшет\мобилка. В дальнейшем хотелось бы внутри iframe переключать режим отображения (по типу панели гугла toggle devise toolbar) по нажатие на соответсвующие кнопки.
Не хотелось бы делать три отдельных стиля под три режима только под конструктор.
2. Есть ли норм реализации frame\iframe во vuejs или они избыточны? Я использовал vue-frame (он у меня не запустился) и vue-friendly-iframe (показался мне бессмысленным). Других чет не нашел (скорее всего плохо искал).
Средний
Средний