Firefox не вызывает vuejs перехватов при нажатии кнопки назад истории браузера - PullRequest
Новая
       14

Firefox не вызывает vuejs перехватов при нажатии кнопки назад истории браузера

0 голосов
/ 27 февраля 2020

У меня есть проблема, связанная с Vue. js и историей браузера в Firefox.

У меня есть простая форма Vue. js для изменения учетных записей, встроенных в устаревшее приложение laravel. По сути, я устанавливаю значения в Vue. js, используя синтаксис блейдов следующим образом: 

<div id="vueApp">
    <vue-form :customer="{{ json_encode($customer) }}"></form>
</div>

И использую созданный хук для установки полей в vue (для изменения): 

data: function() {
    return {
        firstName: null,
        lastName: null,
        //...
    }
},
created: function() {
   this.firstName = this.customer.first_name;
   this.lastName = this.customer.last_name;
   //...
}

Все эти переменные отображаются с использованием v-model в input разметке.

Приложение vue используется для выполнения некоторого форматирования и предварительной проверки, а в конце - формы отправляется как старая html форма (с button type="submit")

Все работает нормально, за исключением случаев, когда я пытаюсь получить доступ к этой форме, нажав на кнопку обратной истории Firefox, в этом случае, все значения input пусты. Достаточно странно, данные Vue установлены так, как должны.

У меня есть эта ошибка только в Firefox (73.0.1), я зарегистрировал Chrome и Safari.

Я немного исследовал, и кажется, что Vue. js не вызывает никаких перехватов жизненного цикла в случае, если вы нажали go назад в истории браузера.

Есть что-то, чего я не понимаю ? Или это ошибка, может быть, с обходным решением?

Спасибо!

...