一、路由的跳转
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;