Vuejs2 vue路由器返回'；功能%20%'；在url中而不是在参数中

所以我展示了一些面包屑，就像这样

主页
提供程序仪表板
帐户仪表板
居民资料

我正在用计算的道具设置参数值，看起来是这样的

account\u id:{
得到（）{
返回此。$store.getters['AssessmentPlanForm/getAccountId']；
},
设置（值）{
此.$store.dispatch（'AssessmentPlanForm/setAccountId'，值）；
},
},
提供者id:{
得到（）{
返回此。$store.getters['AssessmentPlanForm/getProviderId']；
},
设置（值）{
此.$store.dispatch（'AssessmentPlanForm/setProviderId'，值）；
}
},
居民身份证：{
得到（）{
返回此。$store.getters['AssessmentPlanForm/getResidentId']；
},
设置（值）{
此.$store.dispatch（'AssessmentPlanForm/setResidentId'，值）；
},
},

我已确认计算属性的值是正确的，但是当我单击路由器链接面包屑转到所需位置时，url显示的是

users/function%20Number（）

，而不是说

users/18

为什么会发生这种情况？如何让vue router正确渲染computed prop设置的参数

从第一条评论更新

这里是getter&不，我不是为了这些属性而这样做的

getId:（状态）=>{
返回state.id；
},
getProviderId:（状态）=>{
返回state.provider\u id；
},
getEmployeeId:（状态）=>{
返回状态.employee\u id；
},
getAccountId:（状态）=>{
返回state.account\u id；
},
getResidentId:（状态）=>{
返回state.resident\u id；
},
getSlug：（状态）=>{
返回状态.slug；
}，

所以答案是修复我的用户错误。我忘记在我正在处理的页面中分配这些属性的值

答案是加载这些属性的值@created

检索（上下文、记录\u id）{
让常驻_id=router.currentRoute.params.resident_id；
获取（`/residents/${resident\u id}/assessment\u plan\u forms/${record\u id}`{
标题：{
“授权”：“持有者”+窗口$cookies.get（“访问令牌”），
“x-amz-acl”：“公共读取”
}
})
。然后（（响应）=>{
//让current_user=response.data.locals.current_user；
让provider=response.data.locals.provider；
让常驻=response.data.locals.resident；
let account=response.data.locals.account；
让pdf_url=response.data.locals.pdf_url；
将记录的日期设为response.data.locals.date\u；
让评估计划表=response.data.locals.assessment计划表；
上下文。分派（'AssessmentPlanForm/setId'，assessment\u plan\u form.id{
根：是的
})
context.dispatch（'AssessmentPlanForm/setProviderId'，provider.id{
根：是的
})
context.dispatch（'AssessmentPlanForm/setAccountId'，account.id{
根：是的
})
context.dispatch（'AssessmentPlanForm/setResidentId'，resident.id{
根：是的
});
发送（'AssessmentPlanForm/setPdfUrl'，pdf\u url{
根：是的
});
发送（“评估计划表/setDateOfRecord”，记录日期{
根：是的
});
context.dispatch（'AssessmentPlanForm/setResidentSignature'，resident.full_name{
根：是的
});
//重定向到显示页面
路由器推送({
名称：“显示评估计划”，
参数：{
住户id:resident.id，
id:record\u id
}
})
})
.catch（（错误）=>{
console.log（错误）；
})

---

所以答案是修复我的一个用户错误。我忘记在我正在处理的页面中分配这些属性的值

答案是加载这些属性的值@created

检索（上下文、记录\u id）{
让常驻_id=router.currentRoute.params.resident_id；
获取（`/residents/${resident\u id}/assessment\u plan\u forms/${record\u id}`{
标题：{
“授权”：“持有者”+窗口$cookies.get（“访问令牌”），
“x-amz-acl”：“公共读取”
}
})
。然后（（响应）=>{
//让current_user=response.data.locals.current_user；
让provider=response.data.locals.provider；
让常驻=response.data.locals.resident；
let account=response.data.locals.account；
让pdf_url=response.data.locals.pdf_url；
将记录的日期设为response.data.locals.date\u；
让评估计划表=response.data.locals.assessment计划表；
上下文。分派（'AssessmentPlanForm/setId'，assessment\u plan\u form.id{
根：是的
})
context.dispatch（'AssessmentPlanForm/setProviderId'，provider.id{
根：是的
})
context.dispatch（'AssessmentPlanForm/setAccountId'，account.id{
根：是的
})
context.dispatch（'AssessmentPlanForm/setResidentId'，resident.id{
根：是的
});
发送（'AssessmentPlanForm/setPdfUrl'，pdf\u url{
根：是的
});
发送（“评估计划表/setDateOfRecord”，记录日期{
根：是的
});
context.dispatch（'AssessmentPlanForm/setResidentSignature'，resident.full_name{
根：是的
});
//重定向到显示页面
路由器推送({
名称：“显示评估计划”，
参数：{
住户id:resident.id，
id:record\u id
}
})
})
.catch（（错误）=>{
console.log（错误）；
})

---

我无法在CodeSandbox~中复制此内容。你的商店获取程序是什么样子的？你没有使用它，是吗？好的，一切看起来都很好。