vue-router传递参数
参考学习:https://blog.csdn.net/crazywoniu/article/details/80942642
http://www.php.cn/js-tutorial-388301.html
vue-router传递参数分为两大类
编程式的导航 router.push
声明式的导航 <router-link>
this.$router.push("home");()
this.$router.push({ name: 'news', params: { userId: 123 }})
{{this.$route.params.userId}}
this.$router.push({ path: '/news', query: { userId: 123 }});
{{this.$route.query.userId}}
////////////////////////////////////////////////////////////////////////////////////
<router-link to="news">click to news page</router-link>
<router-link :to="{ name: 'news', params: { userId: 1111}}">click to news page</router-link>
{{this.$route.params.userId}}
<router-link :to="{ path: '/news', query: { userId: 1111}}">click to news page</router-link>
{{this.$route.query.userId}}
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步