vue 路由跳轉，路由傳參的幾種方式

1. router-link

<router-link :to="{ path: 'yourPath', params: { name: 'name', dataObj: data }, query: { name: 'name', dataObj: data } }"> </router-link>

 

2. $router方式跳轉

this.$router.push({
            path: 'yourPath',            
            query: {
                name: 'name', 
                dataObj: this.msg
           }
        })

this.$router.push('yourPath?code=123')

以上兩種獲取方式一樣 ，this.$router.query.參數名

this.$router.push({
            name: 'yourName',            
            params: {
                name: 'name', 
                dataObj: this.msg
           }
        })

 獲取：this.$router.params.參數名