компонент app.f7.html:
<template>
<div id="app">
<!-- Your main view, should have "view-main" class -->
<div class="view view-main view-init safe-areas" data-url="/"></div>
<!-- Login Screen -->
<div class="login-screen" id="fppLoginScreen">
<div class="view">
<div class="page">
<div class="page-content login-screen-content">
<div class="login-screen-title">Вход</div>
<div class="list">
<ul>
<li class="item-content item-input">
<div class="item-inner">
<div class="item-input-wrap">
<input type="email" name="email" placeholder="Email" value="{{email}}"
@input="updateEmail" required validate>
</div>
</div>
</li>
<li class="item-content item-input">
<div class="item-inner">
<div class="item-input-wrap">
<input type="password" name="password" placeholder="Пароль"
value="{{password}}" @input="updatePassword" required validate>
</div>
</div>
</li>
</ul>
</div>
<div class="list">
<ul>
<li>
<a href="#" class="login-screen-close item-link list-button login-button{{#if submitButtonState}}{{else}} disabled{{/if}}">Войти</a>
</li>
</ul>
<div class="block-footer">Укажите свои логин и пароль.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
let pageData = {
email: '',
password: '',
};
let isValidEmail = false;
let isValidPassword = false;
let updateSubmitButtonState = function () {
this.submitButtonState = isValidEmail && isValidPassword;
};
updateSubmitButtonState.apply(pageData);
export default {
data() {
return pageData;
},
methods: {
updateEmail(e) {
this.email = e.target.value;
isValidEmail = e.target.validity.valid;
updateSubmitButtonState.apply(this);
this.$update();
},
updatePassword(e) {
this.password = e.target.value;
isValidPassword = e.target.validity.valid;
updateSubmitButtonState.apply(this);
this.$update();
},
},
}
</script>
Показываю открываю окно
app.loginScreen.create({
el: '#fppLoginScreen',
on: {
close: function (e) {
console.log(e);
console.log(this);
console.log(loginScreen);
}
}
})
.open();
Как мне передать логин/пароль в контекст вызова? ну например по закрытию loginScreen или как в компоненте выбросить кастомное событие по сабмиту, чтобы его слушать в контексте открытия?