Javascript Firefox don'；单击“返回浏览器历史记录”按钮时不会触发vuejs挂钩

我遇到了一个与Vue.js和Firefox浏览器历史记录相关的问题

我有一个简单的Vue.js表单，可以修改嵌入传统laravel应用程序中的帐户。 基本上，我使用刀片式语法在Vue.js中设置值，如下所示：

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

所有这些变量都使用

v-model

在

input

标记中显示

vue应用程序用于执行一些格式化和前端验证，最后， 表单的提交方式与旧的html表单类似（带有

按钮type=“submit”

）

除了我试图通过点击Firefox的后退历史按钮来访问这个表单外，一切都正常，在这种情况下，

input

的所有值都是空的。 非常巧妙的是，Vue数据的设置与它们应该的一样

我在Firefox（73.0.1）中只有这个bug，我在Chrome和Safari中检查过

我做了一点调查，发现在您单击浏览器历史记录中的“返回”时，Vue.js似乎不会触发任何生命周期挂钩

有什么我不明白的吗？或者这是一个bug，可能有解决方法

---

谢谢

您是否尝试使用“mounted”钩子而不是“created”钩子，因为它在实例化后只被调用一次？我在

mounted

钩子上遇到了同样的问题。我试图在每个钩子上记录一条消息，实际上，当我按下“后退”时，没有一个钩子被触发。我试图用一个空的Vue.js组件来解决这个问题，但我也遇到了同样的问题。好吧，看来这个问题与本文中看到的

autocomplete=“off”

的使用有关，所以我真的不知道如何解决这个问题，因为在那个应用程序中，我们真的不需要显示autocomplete小部件：/谢谢您的帮助！

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