vue2路由加id。id不同刷新页面
时间: 2023-07-28 10:30:58 浏览: 229
vue通过路由实现页面刷新的方法
5星 · 资源好评率100%
对于这个问题,我理解您的意思是:如何在 Vue2 路由中传递参数 id,并且当 id 发生变化时刷新页面。这可以通过以下步骤实现:
1. 在路由配置文件中定义带参数的路由:
```js
{
path: '/details/:id',
name: 'Details',
component: Details
}
```
2. 在组件中通过 `$route.params.id` 获取传递的参数 id:
```js
export default {
name: 'Details',
mounted() {
const id = this.$route.params.id
// do something with the id
}
}
```
3. 监听 `$route` 对象的变化,当参数 id 发生变化时,使用 `location.reload()` 方法刷新页面:
```js
export default {
name: 'Details',
watch: {
'$route': function(to, from) {
if (to.params.id !== from.params.id) {
location.reload()
}
}
}
}
```
这样就可以实现在 Vue2 路由中传递参数 id,并且当 id 发生变化时刷新页面。
阅读全文