vue.js - 您如何禁用/修复此特​​定的默认行为，其中刷新整个网页后仍选择特定的路由器链接

Question

看看我将以最容易理解的方式描述的这些图片和描述......这些是我的路由器链接

侧面是路由器视图/ProfileView.vue组件，将显示该人的详细信息，请不要介意红色，只是那些非常私密的密钥可以在线显示

你如何禁用/修复这个特定的默认行为，在你刷新整个网页后，特定的路由器链接仍然被选中并且路由器视图是不可见的。刷新页面返回如下

标签： vue.jsvue-router

Answer 1

最好的方法是url在项目被选中后使用唯一标识符 (UUID) 进行更新。现在，当您刷新页面时，只需使用 url 中的 (UUID) 识别项目并使用active状态应用特定项目。根据router-view情况，您可以使用 url 定义的情况轻松处理它 -/profile:id设置一个参数，该参数仅在您单击任何router-link其他重定向回项目页面时提供，其中最后一个被选中UUID以突出显示最后一个selected item