美文网首页
vue 监听路由变化,dom加载完成后执行代码

vue 监听路由变化,dom加载完成后执行代码

作者: 秃头大叔 | 来源:发表于2018-07-25 20:45 被阅读0次

watch 监听路由变化,且dom渲染完成后执行函数

项目中在页面中用到了footer,为了在页面内容不超过屏幕高度时将footer定位置底,超过屏幕高度时不做定位,正常在内容最底部显示,运用了如下方式
问题:若不在dom渲染后执行,获取的高度是不正确的

watch: {
        $route: {
          handler:function(val, oldVal){
            this.$nextTick(function(){  //页面加载完成后执行
              this.resetCopyright()
            })
          },
          // 深度观察监听
          deep: true
        }
      }

相关文章

网友评论

      本文标题:vue 监听路由变化,dom加载完成后执行代码

      本文链接:https://www.haomeiwen.com/subject/jupmmftx.html