前端 - 变化时 DOM 未更新的问题如何解决？

Question

Vue.js 中监听 $route 变化时 DOM 未更新的问题如何解决？

watch: {
  // 监听路由对象变化（包括 query、params、hash 等）
  $route: {
    handler(to, from) {
      console.log('路由变化（含浏览器后退）:', from.path, '→', to.path)
      this.$nextTick(() => {
        this.init();
      })
    }
  }
}

哪里有错误呢

这个是之前dom的结果 , dom并未更新 , 所以执行函数设置属性都会出错

Answer 1

路由有专门的钩子函数，onBeforeRouteUpdate 什么的，你用那个就行了。