美文网首页
vue 路由传参两种方式

vue 路由传参两种方式

作者: 嘻嘻猪 | 来源:发表于2017-11-23 16:32 被阅读0次

方式一:

路由路径:/detail/:参数名

this.$router.push({path: '/detail/'+参数值});

接收:$route.params.参数名

方式二:

路由路径:/detail

this.$router.push({path: '/detail/',query:{参数名:参数值});

接收:$router.currentRoute.query.参数名

方式三:

<a v-link="{ name:路由名, params: { 参数名: 参数值 }}"></a>

接受:this.$route.params.参数名

相关文章

网友评论

      本文标题:vue 路由传参两种方式

      本文链接:https://www.haomeiwen.com/subject/hlgzvxtx.html