Vue.js 中Vue-router name属性有何用处?

作者: Jancaelm 分类: Vue.js 发布时间: 2017-09-06 10:14

在vue-router定义路径规则的时候,如果你给它提供了一个name属性:

router.map({
 '/user/:userId': {
 	 name: 'user',
	 component: {...}
 }
});

以下情况中可以直接使用name属性进行引用,同时加上参数,指哪打哪儿 以下情况中可以直接使用name属性进行引用,同时加上参数,指哪打哪儿
在v-link中使用

This is a user whose id is 1

还可以使用router.go()

router.go({name: 'user', params: {userId: 1}});

最终都会匹配到/user/1这条路径上

2条评论
  • Lynan

    2018年3月6日 下午4:11

    不知道为什么这篇文章的包裹在pre标签中的代码无法显示了

  • Lynan

    2018年3月6日 下午5:05

    更换使用WP-geshi-highlight解决了

发表评论

电子邮件地址不会被公开。 必填项已用*标注