vue中通过this.$router.push 动态跳转页面,跳转后参数不同,但跳转到的页面无法获取this.$route.query.id;  

查官网资料,使用$nextTick方法,在下次DOM循环之后执行延迟回调,但还是无法获取。

查看API使用watch方法,用于观察Vue实例上的数据变动。对应一个对象,键是观察表达式,值是对应回调,再次尝试,运行后发现还是不行。

然后在网上发现,通过watch 和 $nextTick 方法共同组合,可以调用函数。 代码如下图所示:
主要代码为红色标记区域。

vuejs使用watch和this.$nextTick渲染页面后调用函数

相关文章: