VUE子路由和传参数的问题？

来源：5-6 vue-router（路由嵌套）

狼灰灰

2017-06-18

routes:[{path:"/conA/:color/abc/:type",}, 传参数的时候，我用VUE-LINK点击跳转对吧，

<router-link :to="{path:'conA'}">打开conA</router-link><br />

<router-link :to="{path:'conB'}">打开conB</router-link><br />

conA我点击的路径是http://xxx.8080/conA/uuueeu 路径+参数，

conB我没有设置传参数，这两页面来回切换的时候，吧，URL地址里就回不去了。

变成http://localhost:8181/conA/conA 这样了，跳不回去了。

---------------------

子路由也遇到同样的问题了。我的QQ是930944122 有没有大神能帮帮忙阿

写回答

1回答

fishenal

2017-06-19

已采纳

你写的我看不懂，routes:[{path:"/conA/:color/abc/:type",}

这个意思是，该路径接受两个参数，color和type，替换在路径的这个位置，而且是必须有的，假如color没有，abc就不会往下执行，顺序会乱掉。

<router-link :to="{path:'conA'}">这是跳转到路径conA，并没有传参数，传参数的写法是

<router-link :to="{path:'conA',params: { color: 123, type: 'abc' }}">

狼灰灰

fishenal

OK你上面发的我又看了一下，已经搞定了。谢谢大神

2017-06-26

共5条回复

最容易上手的Vue2.0入门实战教程

快速入门Vue2.0，组件化开发一个数字产品电商平台

3966 学习 · 999 问题

相似问题

回答 1

回答 4

回答 1

回答 1

回答 1