vue路由参数变化刷新数据

1.问题描述
详情页之间跳转，路由不变，只变参数，地址栏可以看到url变了，但是页面数据无变化

2.处理思路
监听路由对象，数据请求的参数从url中实时获取

3.相关代码

1. watch: {
2. '$route' () {
3. this.getData()
4. }
5. }

1. getData: function () {
2. ajax('/api', {
3. id: this.$route.query.id
4. }, res = {
5. console.log(res)
6. })
7. }