Vue学习之——vue-router2.0 组件之间传参及获取动

一、路由的跳转

router-link 标签方式

 <router-link :to="{path:‘details‘,query: {id:el.tog_line_id}}">

注：router-link默认是一个a标签的形式，如需显示不同的样子，可以在router-link标签中写入不同标签元素。

router.push js控制

// 字符串
router.push('home')
// 对象
router.push({ path: 'home' })
// 命名的路由
router.push({ name: 'user', params: { userId: 123 }})
// 带查询参数，变成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})

全局的路由(即Vue.use(VueRouter))

this.$router.push({ path: 'register', query: { plan: 'private' }})
例如路由跳转  this.$router.push( '/page' );

二、参数的获取

在组件中获取的方法为：
var id = this.$route.query.id;