Vuejsの2つのルート間で配列データを渡す方法

Question

Vuejsのルートから別のルートに配列を渡す必要があります。home.vueからpost.vueに渡す必要があります。

これは、これは私のhome.vue

<router-link to="/post/:cart">Check out</router-link> 

と私のpost.vue

props: ['cart'], 
    mounted() { 
    console.log(this.$route.params.cart) 
    } 

である。しかし、これは動作していない、それだけで:cart内を印刷しpost.vue

{ 
    path: '/post/:cart', 
    name: 'post', 
    component: PostView, 
    props: true 
} 

のための私のroute.jsファイルですそのコンソール。カートに保管されている実際のデータが必要です。私はそれを間違っているのですか？

Answer 1

<router-link to="/post/:cart">Check out</router-link>を<router-link to="/post/test">Check out</router-link>に置き換えると、コンソールにtestが表示されます。これは、:cartを使用すると、リダイレクトでパラメータ「カート」のプレースホルダが宣言されたためです。

あなたはより多くのparamsを通過したい場合は、私はあなたが<router-link :to="{ path: '/post/', params: { a: 'a', b: 'b', c: 'c' }}">Check out</router-link>に似 somethinkを試すことができると思いますが、おそらくあなたが:cart