如果在相同组件下,路由参数变化导致页面不会刷新
例如
//先运行
this.$router.push('news?keyword=美国')
//再运行
this.$router.push('news?keyword=中国')
将参数保存在query , 组件挂载时候读取 query ,但相同组件时尽管query变化但组件不会重新加载,这导致了页面数据不会变化
解决方法
监听路由变化,让后运行相应函数
watch:{
'$route'(val, from) {//监听到路由(参数)改变
console.log("路由参数变化")
}
}