vue router не обновляет url новыми данными того же объекта - PullRequest
Новая
       17

vue router не обновляет url новыми данными того же объекта

0 голосов
/ 18 декабря 2018

У меня есть форма входа в систему vue, которая возвращает ошибки в виде запроса.после первой ошибки объект запроса загружается в строку ошибки, последующие один раз не отображаются, даже если они отображаются в консоли ...

store.js ... 

userLogin({ commit }, { email, password }) {
      firebase
        .auth()
        .signInWithEmailAndPassword(email, password)
        .then(user => {
          commit("setUser", user);
          commit("setIsAuthenticated", true);
          console.log("User: " + user.user.uid + "found")
          router.push("/dashboard");
        })
        .catch((error) => {
          commit("setUser", null);
          commit("setIsAuthenticated", false);
          console.log("Login Error: " + error.message);
          router.go({name: "signin", force: true,  query: {errorMessage: error.message, signinError: true}});
        });
    },

сценарий входа .... 

    data() {
        return {
          email: "",
          password: "",
          performingRequest: false,
          signinError: false,
          signupSuccessful: false,
          errorMessage: "",
          successMessage: ""
        };
      },
      created() {
        if(this.$route.query.signinError) {
          this.signinError = this.$route.query.signinError;
          this.errorMessage = this.$route.query.errorMessage;
        }
      },
methods: {
    validateStep(scope) {
      this.$validator.validateAll(scope).then(result => {
        if (result) {
          this.performingRequest = true
          this.$store.dispatch("userLogin", {
            email: this.email,
            password: this.password
          })
        }
      });
    }
  }

шаблон входа .... 

<v-alert :value="signinError" type="error" >
          {{errorMessage}}
          </v-alert>
          <v-alert :value="signupSuccessful" type="success" >
          {{successMessage}}
          </v-alert>

1 Ответ

0 голосов
/ 19 декабря 2018

Я не уверен, что полностью понимаю ваш вопрос ... но с первого взгляда я заметил проблему: Это: router.go(); сейчас: router.push(); Проверьте этот документ: https://router.vuejs.org/guide/essentials/navigation.html

Дайте мне знать, если вам понадобится дополнительная помощь.

...