<router-link>如何传参？

Question

<div class="title">
    <span>我要买车</span>
    <router-link to="/buy_car">go</router-link>
</div>

我想点击这个<router-link>后，跳转到 /buy_car 这个路由下，同时给 /buy_car 传入几个参数

请问：
1、<router-link>中应该怎么写？
2、/buy_car 这个路由怎么获取到传入的参数？

回复评论的贴图

Answer 1

<router-link :to="{ name: 'buy_car', query: { userId: 123 }}">go</router-link>

// 传入的组件中：
computed: {
    mess: function () {
        if(!this.$route.query.userId){
            return 'haha'
        }
        else{
            return this.$route.query.userId;
        }
    }
}

参考： https://segmentfault.com/q/10...

Answer 2

router-link传参有以下几种方式
1.params传参

path='/buy_car/:id' // 定义路由的时候
<router-link to="/buy_car/1">go</router-link>// 跳转的时候
this.props.history.params.id //获取参数的时候

2.通过querystring传递
3.通过state传递

<router-link to={{ path: '/buy_car', state: {a: '1'}}}>go</router-link>

this.props.history.state //获取的时候