问题如下图所示,不同路由,但是用的同一个组件。根据不同名称去加载不同的数据。
但是问题来了,发现切换路由,路由地址发生了改变,但是组件却不会重新渲染,所以钩子函数也不会重新执行,无法加载期望的数据。怎么处理呢?
其实也很简单,vue提供了watch方法来监听数据的变化,当然可以监听路由的变化了。代码如下:
监听$route,配合参数,轻松实现!
未经允许不得转载:莫小奈博客 » 解决vue同组件不同路由之间切换钩子函数不执行,数据无法加载的问题。
问题如下图所示,不同路由,但是用的同一个组件。根据不同名称去加载不同的数据。
但是问题来了,发现切换路由,路由地址发生了改变,但是组件却不会重新渲染,所以钩子函数也不会重新执行,无法加载期望的数据。怎么处理呢?
其实也很简单,vue提供了watch方法来监听数据的变化,当然可以监听路由的变化了。代码如下:
监听$route,配合参数,轻松实现!
未经允许不得转载:莫小奈博客 » 解决vue同组件不同路由之间切换钩子函数不执行,数据无法加载的问题。
评论前必须登录!
登陆 注册