現在Vueの学習を行なっているものです。
呼び出し元(userSearch.vue)からvue-routerを使って呼び出し先のcomponentに対してpropsで値を受け渡ししたいのですが、うまく渡すことができません。
具体的なイメージとしては「検索する」と言うボタンを押した時に検索API(今回だったらgetSearchUsers
の部分)が走るので、その取得した結果をvue-routerで呼び出し先のcomponentに渡したいです。
ご教示頂けますと幸いです。
userSearch.vue(呼び出し元)
検索結果がusersに入ります。
vue
1<router-link to="/user_show" :users="users"> 2 <v-btn @click.native="getSearchUsers" color="primary">検索する </v-btn> 3</router-link>
userShow.vue(呼び出し先)
vue
1<template> 2 {{ this.$props.users }} 3</template> 4 5・ 6・ 7・ 8props: { 9 users: { 10 type: Array 11 } 12},
route.js
js
1import Vue from 'vue' 2import Router from 'vue-router' 3import userShow from '../components/userShow' 4import userSearch from '../components/userSearch' 5 6Vue.use(Router) 7 8export default new Router({ 9 mode: 'history', 10 routes: [ 11 { 12 path: '/user_show', 13 name: 'userShow', 14 component: userShow, 15 }, 16 { 17 path: '/', 18 name: 'userSearchForm', 19 component: userSearch, 20 props: true 21 } 22 ] 23})
![guest](/img/icon/icnUserSample.jpg)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/02/23 04:23