1.使用params传参通过配置name传参,name是你要跳转到的路由的名字this.$router.push({name:'content',params:{id:id}})在content上page,useparamstogetcreated(){this.articleId=this.$route.params.id}在router路由配置中,id必须配置在content之后,否则刷新页面获取不到id值,但是id值将暴露在URL中。{path:'content/:id',name:'content',component:resolve=>require(['@/components/Content'],resolve)}2.查询传参2.1通过配置path传参,通过id值this.$router.push({path:'/content',query:{id:id}})在content页面,使用query获取,但是会显示为content?id=id的格式会暴露创建的id值(){this.articleId=this.$route.query.id}router路由配置{path:'content',name:'content',component:resolve=>require(['@/components/Content'],resolve)}2.2在内容页面传递对象this.$router.push({path:'/content',query:{article:article}}),使用query来获取对象,但它将在URL中显示为/content/article=[objectObject]。查询中的每个项目值都应该是一个字符串。如果传入一个对象,它会被强制为[objectObject]。点击进入获取对象值的路由,但是刷新页面会导致获取不到对象值。created(){this.article=this.$route.query.article}router路径由配置{path:'content',name:'content',component:resolve=>require(['@/components/Content'],解决)}
