YDOOK:vue3:vuecli4:vuerouter带参数访问命名路由用法详细教程

© YDOOK JY Lin

1. 原理&＃xff1a;

1.1 方法1&＃xff1a; 要链接到一个命名路由&＃xff0c;可以给 router-link 的 to 属性传一个对象进行访问。

1.2 方法2&＃xff1a; 要链接到一个命名路由&＃xff0c;可以通过代码调用 router.push() 进行访问。

2. 使用代码示例&＃xff1a;

方法1&＃xff1a;

<router-link :to&＃61;"{ name: &＃39;user&＃39;, params: { userId: 123 }}">Userrouter-link>


方法2&＃xff1a;

router.push({ name: &＃39;user&＃39;, params: { userId: 123 }})


3. 结果与效果&＃xff1a;

这两种方式都会把路由导航到 /user/123 路径。