Vue.jsについての質問です。
画面遷移をする際に$router.pushでパラメータを渡したいと思っています。
その際に引数でparamsを指定して、Test2.vueからTest.vueに渡すListデータを指定し、Test.vue側でpropsで受け取ろうと考えたのですが、Test2.vueのtemplateの部分でv-forをしてもなにも表示されないのが現場です。
この方法でなくてもいいのですが、画面遷移の際にパラメータを渡すにはどのようにすればよいのでしょうか?
説明がうまくできなくて申し訳ないのですが、よろしくお願いいたします。
router.js import Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter); const routes = [ { path: '/test', name: 'Test', component: () => import('../data/Test.vue'), }, ]
Test2.vue <template> ~ </template> <script> export default { name: 'Test2', data: () => { return { datas: [] }; }, methods: { testMethod(){ this.datas = testData; //listの変数 this.$router.push({name: 'Test', params: {datas: this.datas}}); } } } </script>
Test.vue <template> ~ <li v-for="data in datas" :key="data"> <span>{{ data }}</span> </li> ~ </template> <script> export default { ~ props: { datas } ~ } </script>
あなたの回答
tips
プレビュー