vue 페이지 params 전송의 구덩이

2066 단어
a.vue에서 b.vue로 값 전달
a.vue
this.$router.push({
    path: '/payType',
    query: {
        putUpList: this.putUpList,
        name:'111'
    },
    params:{
        cartList: this.cartList,
        totalMoney: this.totalMoney
    }
});

b.vue
mounted:function(){
    console.log(this.$route.params)
    console.log(this.$route.query)
}

구덩이가 생겼다
query는 받을 수 있고,params는 받을 수 없습니다.
루트를 등록하는 곳에name 파라미터를 붙여야 합니다
const router = new VueRouter({
    routes:[{
        ...
    },{
        path:'/payType',
        name:'inputComp',
        component: payType
    }]
})

a.vue 점프 루트에 name 파라미터를 추가하면 b.vue는params를 받을 수 있습니다
this.$router.push({
    path: '/payType',
    name: 'inputComp',
    query: {
        putUpList: this.putUpList,
        name:'111'
    },
    params:{//     name,    params
        cartList: this.cartList,
        totalMoney:this.totalMoney
    }
});

좋은 웹페이지 즐겨찾기