VUE-router 官方文档学习1, 动态路由

VUE-router 官方文档学习1, 动态路由

 

VUE-router 官方文档学习1, 动态路由

 

VUE-router 官方文档学习1, 动态路由

测试结果:

VUE-router 官方文档学习1, 动态路由

上面的截图看不清楚,因为点击导航时,我没有修改样式,很无语

router-link-active

修改下样式:

VUE-router 官方文档学习1, 动态路由

 

再测试下:

VUE-router 官方文档学习1, 动态路由

恩,好多了,起码能看出样式了!

/xxx/yy/zz 的形式我们搞定了,那query 形式呢,我测试下!

VUE-router 官方文档学习1, 动态路由

VUE-router 官方文档学习1, 动态路由

VUE-router 官方文档学习1, 动态路由

行,我们总结下,

1, $route.params 接受/xx/zz 的参数

2, $route.query 接受querystring 方式的参数

 

以上是 VUE-router 官方文档学习1, 动态路由 的全部内容, 来源链接: utcz.com/a/55749.html

回到顶部