鍍金池/ 問(wèn)答/HTML/ <router-link>如何傳參？

<router-link>如何傳參？

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

我想點(diǎn)擊這個(gè)<router-link>后，跳轉(zhuǎn)到 /buy_car 這個(gè)路由下，同時(shí)給 /buy_car 傳入幾個(gè)參數(shù)

請(qǐng)問(wèn)：
1、<router-link>中應(yīng)該怎么寫？
2、/buy_car 這個(gè)路由怎么獲取到傳入的參數(shù)？

回復(fù)評(píng)論的貼圖

回答
編輯回答
女流氓

router-link傳參有以下幾種方式
1.params傳參

path='/buy_car/:id' // 定義路由的時(shí)候
<router-link to="/buy_car/1">go</router-link>// 跳轉(zhuǎn)的時(shí)候
this.props.history.params.id //獲取參數(shù)的時(shí)候

2.通過(guò)querystring傳遞
3.通過(guò)state傳遞

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

this.props.history.state //獲取的時(shí)候
2017年12月21日 01:50
編輯回答
萢萢糖
<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...

2017年7月22日 04:05