解决vue同组件不同路由之间切换钩子函数不执行,数据无法加载的问题。

问题如下图所示,不同路由,但是用的同一个组件。根据不同名称去加载不同的数据。
https://ws1.sinaimg.cn/large/e01d8d94ly1fr3pgd41wyj20dz0a40t6.jpg
但是问题来了,发现切换路由,路由地址发生了改变,但是组件却不会重新渲染,所以钩子函数也不会重新执行,无法加载期望的数据。怎么处理呢?

其实也很简单,vue提供了watch方法来监听数据的变化,当然可以监听路由的变化了。代码如下:

监听$route,配合参数,轻松实现!

未经允许不得转载:莫小奈博客 » 解决vue同组件不同路由之间切换钩子函数不执行,数据无法加载的问题。

评论 0

评论前必须登录!

登陆 注册