routes: [
{
path: '/user/:userId',
name: 'user',
component: User
}
]
})
你的router-link可以这么写
1
User
还可以用编程在代码里写 ， 效果也一样：
1
【vue怎么写页面】router.push({ name: 'user', params: { userId: 123 }})
具体的推荐你看下vue router的官网 ， 里面有详细的说明和例子
5. vue怎么刷新当前页面 工具/原料vue.jswebstorm方法/步骤一、原理如上图所示 ， 我们需要为要刷新的页面A编写一个自动跳回的空页面 ， 当用户操作了A页面后 ， A页面先跳转到空页面 ， 然后空页面马上跳回A页面 ， 这时候vue会去重新加载A页面 。
这种方法可以变相实现自我刷新 ， 缺点是当需要刷新的页面较多时 ， 空页面也会随之变多 。二、当前页面事件监听如上图所示 ， 我们定义了refreshPage方法 ， 这个方法是对特定事件的回调 ， 在这个方法会处理业务逻辑 ， 然后在最后使用vue的router跳转到一个空页面 ， 这个空页面路由路径是/user/back ， 这个路径是随便取的 ， 大家可以选择自己的路径三、空页面的编写步骤阅读6如上图所示 ， 在空页面中立即执行路由 ， 跳回原来的页面 ， 这时候原来的页面会进行重新加载 ， 从而实现了刷新 。
这里的/user/index就是跳回原来页面的路由路径 ， 大家需要根据自己的项目情况写 。7四、注意事项本经验所使用的方法 ， 其实是一种hack方法 ， 在极端情况下 ， 比如网络极端恶劣 ， 那么可能出现跳到空页面后跳不会来 ， 或者干脆跳不到空页面的情况 ， 大家需要根据自己的项目情况酌情选择 。
文章插图