@poolpyos

Как переключить модальное окно?

Имеется стандартное модальное окно Vue.js, мне необходимо переключить компонент логина на регистрацию при нажатии кнопки Sign Up
5d91f3795cd02398663081.png

Как я могу это сделать?
Vue.component('login', {
    template: `#login-template`,
    data() {
        return {
            loginInput: '',
            passwordInput: ''
        }
    },

    methods: {
        sendRequest(e) {
            var self = this;

            axios.post('/', {
                name: this.loginInput,
                password: this.passwordInput
            })
                .then(function (res) {
                    /*if (response == "ok") {
                        window.location.replace("/")
                    }*/

                    if (res.data.auth == true) {
                        self.$emit('close', res.data);
                    }

                    else {
                        return;
                    }
                })

                .catch(function (error) {
                    console.log(error);
                });
        },

        signUpModal() {
        }
    }
});

Вот код компонента JS

<div class="login-footer">
    <slot name="footer">
        <div class="change-mode">
              <button class="change-mode-reg" @click="signUpModal"">Sign up</button>
                 <div class="change-mode-line"></div>
         </div>
 </slot>
</div>


Вот код непосредственно компонента
  • Вопрос задан
  • 89 просмотров
Пригласить эксперта
Ответы на вопрос 1
@bagzon
Backend PHP, NodeJs, JS
1) Через динамические компоненты https://ru.vuejs.org/v2/guide/components-dynamic-a...
2) Или лучше через https://router.vuejs.org/ru/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы