Последние разработки проекта использует вложенной сборки Vue IFRAME, соответствующие компоненты и проблемы связи, обнаруживаемые в HTML, следующий сценарий: demo.vue встроенный test.html
В связи с общим IFrame вложенности для HTML-файла, когда вю вю файл, который мы должны зарегистрировать глобальный подход в IFRAME, чтобы вызвать событие, вы можете вернуться к сборочной вю
demo.vue основного кода:
<Шаблон>
<IFRAME исх = "IFrame" SRC = 'test.html'> </ IFRAME>
</ Шаблон>
<Скрипт>
экспорта по умолчанию {
данные() {
вернуть {
spanClick : ' handleSpanClick ' // HTML событиетребующее ответ
}
},
создан () {
пусть _this = это
Окно [ this.spanClick ] = (PARAMS) => {
_this.doSomeThing (PARAMS)
}
},
методы: {
DoSomething (PARAMS) {
// все
}
}
}
</ Скрипт>
test.html основного кода;
<DIV>
<Пролет OnClick = "handleTest (это)"> Тест </ SPAN>
</ DIV>
<Скрипт>
Функция handleTest (событие) {
window.parent [ ' handleSpanClick '] (event.innerText)
}
<Скрипт>
Иногда нам нужно передать параметры из сборки HTML ви, относительно простой способ сделать стежки в И фрейма, для каштанов, мы должны передать JSON в HTML в вю
Данные = {
ID: 1,
Название: «будет»
}
На этот раз SRC = «test.html?» + EncodeURIComponent (JSON.stringify (данные)) // encodeURIComponent для использования при передаче параметров параметров для предотвращения искаженного битного шифрования
Нужно быть расшифрованы в соответствующих test.html в:
JSON.parse (decodeURIComponent (window.location.search .slice (1)))