传递多个道具Vue的成分在路线(VUE路由器)
问题描述:
我有我运行如下及VueJS
子组件工作正常 -
<app-shopping :categories="categories" :imageList="imageList">
现在我想为此添加一条单独的路线,但我不确定如何在路线声明中通过categories
和imageList
道具。我正在这样做 -
import appShopping from '../components/AppShopping.vue';
export const routes = [
{ path: '/',
component: appShopping,
props: true,
},
];
有人能告诉我如何将道具从父组件传递给此组件吗?感谢您的帮助
编辑:增加了问题 如何解决延长,如果我在我的路线是由不同的组件,每个都有它自己的一套道具从父传递?
谢谢。
答
您可以传递router-view
上的属性。
<router-view :categories="categories" :imageList="imageList"></router-view>
@Bert这是正确的答案,我刚刚发现我自己。发布它作为答案,以便我可以放弃它 – Mortz