vue3 修改浏览器中url的参数，即时刷新页面数据

   比如项目中有页面http://localhost:8000//reportDetail?id=15，手动修改id=16,页面数据不变，如何让页面在参数修改后立即就刷新页面数据呢？

1. 在该页面的模板页的router-view中加入:key

<router-view :key="key" />

2. 可以为计算属性：

import { useRoute } from 'vue-router'
const route = useRoute()
const key = computed(() => {
  return route.path + Math.random()
}

这样处理以后，浏览器修改id的值，页面就即时将页面数据更新了。