通过更改刷新Vue页面

Question

我有一个带有预输入的索引页面，用于存储员工姓名。选择名称后，路由器会将带有参数的vue推送到app div中。

this.$router.push({ name: 'About', params: { email: item.email } })

当该vue加载时，已挂载的方法将触发并运行查找功能。刷新后，我有

  beforeRouteUpdate (to, from, next) {
    // react to route changes...
     this.getPubsSorted()
                 },

由于vue不会更改，因此选择了其他名称时，不会触发已安装的方法。我的问题是地址栏显示该参数，单击其他名称时它不会更改。有没有办法隐藏浏览器地址栏中显示的参数？

  http://localhost:8080/about/xxxxxx.yyyyyyy@zzzzzz.edu

我看过hide query params in address bar - VueJS

但它谈论

https://vuejs.org/v2/guide/state-management.html#Simple-State-Management-from-Scratch

，我不知道如何在现有vue上触发我的功能。我已经尝试设置Cookie，但这也不会触发任何操作。谢谢

Answer 1

您可以使用以下代码从旧电子邮件中清除您的地址：

if (window.location.href.indexOf("@") > -1) {
  window.history.pushState("", "", "/about");

}

无论您要清除电子邮件的内容，都输入该代码。