Funktioniert Vue.JS mit AJAX | 您所在的位置:网站首页 › loginError=true › Funktioniert Vue.JS mit AJAX |
(3)
Ich versuche folgendes aus meinem HTML heraus zu machen: var vm = new Vue({ el: '#loginContent', data: { main_message: 'Login', isLoggedIn: false, loginError: '', loginButton:'Login' }, methods: { onLogin: function() { //this.$set(loginSubmit, 'Logging In...'); var data = { email: $('#email').val(), password: $('#password').val(), }; $.ajax({ url: '/api/login', data: data, method: 'POST' }).then(function (response) { if(response.error) { console.err("There was an error " + response.error); this.loginError = 'Error'; } else { //$('#loginBlock').attr("hidden",true); console.log(response.user); if(response.user) { this.isLoggedIn = true; } else { this.loginError = 'User not found'; } } }).catch(function (err) { console.error(err); }); } } });Grundsätzlich drückt der Benutzer den Login-Button, es wird die onLogin-Methode aufgerufen, die einen Beitrag an meine API sendet. Der Beitrag funktioniert einwandfrei und ich erhalte die Antwort zurück im .then () Versprechen. Aber versuchen, Dinge wie diese zu this.isLoggedIn = true; aktualisiert mein DOM nicht mit dem, was ich von HTML erwarte, wenn sich der Benutzer anmeldet. Könnte sein, dass ich mich in einer Art Hintergrund-Thread befinde (sorry, mobiler Entwickler hier), wenn ich die Antwort in dem Versprechen erhalte und die "vm" -Instanz nicht gefunden wird? Vielen Dank |
CopyRight 2018-2019 实验室设备网 版权所有 |