vue $router.push 跳转到当前页面 地址栏变但是数据不刷新

vue-router跳转页面时,如果name和当前页面的name一样,只是query的参数不一样,那么会导致页面内容不刷新,因为页面内容是在created中根据route中的参数来获取的,但是跳转当前页面不会出发created。

解决办法

监听$route $route发生变化时重新获取参数

	watch: { '$route' (to, from) {
			console.log('onroute',this.$route.query)
			this.id = this.$route.query.id
			// 在mounted函数执行的方法,放到该处 
		}
	},

你可能感兴趣的:(vue.js,javascript,前端)