Vue监听器页面初次加载无法监听问题

184 阅读1分钟

今天在做路由裁剪的时候发现正常跳页可以做到在指定页面去掉某个组件或者导航条,但是当你在指定页面刷新的时候这样就不行了,我问了朋友,和网上查的东西,有的说是路由模式不对(就是这个 mode: 'history'),但是当我加上之后发现打包后有的页面无法访问,甚至打包后空白页,所以就采用别的方法,废话不多说说重点

handler方法和immediate属性

这里 watch 的一个特点是,最初绑定的时候是不会执行的,要等到 路由 改变时才执行监听计算。那我们想要一开始就让他最初绑定的时候就执行改怎么办呢?我们需要修改一下我们的 watch 写法,

修改过后的 watch 代码如下:

    $route:{
      handler(to,form){
    	if(to.path == "/home")
    	{ this.show = false; }
    	else
    	{ this.show = true; }
      },
        // 代表在wacth里声明了这个方法之后立即先去执行handler方法
        immediate: true
    }

本文章仅以自己防止忘记而记录,不管是我还是其他人,当你看到这篇文章的时候说明你还在从事前端工作,或者在学习前端,所以不管以后遇到什么问题,和挫折,都不要忘记你敲代码的初衷