Vue.js Vue&；Vue路由如何在路由开始时使图像模糊？

我想做的是，当你第一次进入包含滑块图像的页面时，它会模糊，我在mounted（）中用下面的行来完成。模糊配置是一个与包一起运行的对象

但问题是，当我导航到其他路径时，mounted（）中的代码将无法工作，因为在vue router中，您只加载一次页面，而且Updated（）将在页面之前运行

updated(){
    let self = this;
    setTimeout(function() {
    self.blurConfig0.isBlurred = false
 }, 2000 )

---

所以我被卡住了，我想在导航到其他路线时，以及加载页面时，图像模糊。请尝试以下代码。当您的路由发生变化时，路由器上的watch on router将调用，并且您还需要调用mounted for first page load事件

watch: {
      $route: function () {
        let self = this;
    setTimeout(function() {
    self.blurConfig.isBlurred = false
 }, 2000 )
      }
    },

---

在我的组件中观察它在我的组件中不起作用，即使Console.log任何东西都不起作用它在我的组件中起作用。您需要将其添加到实际路线服务的主页面。watch:{$route:function（）{let self=this；setTimeout（function（）{console.log（“hi”）}，2000}，

watch: {
      $route: function () {
        let self = this;
    setTimeout(function() {
    self.blurConfig.isBlurred = false
 }, 2000 )
      }
    },