当我更改路由器 paramId 时，VueJS 视图不刷新

Question

我有以下接受参数 ID 的路由器

{   
   path: '/Filters/Edit/:id',
   name: 'Manager.FilterEditor',
   component: FilterEditor
},

当我尝试使用 从一个过滤器导航到另一个过滤器时router.push，视图保持不变。

router.push({ name: 'Manager.FilterEditor', params: { id: newfilter.id } });

URL 更新为新 ID，但型号保持不变。

Answer 1

您必须key在router-view主视图中添加属性。

<router-view :key="$route.path" />

该键将帮助 VueJS 注意到变化并触发模型边界和视图重绘。