Ionic Vue通过路由器链接传递对象

Question

我想通过Ionic Vue中的路由器链接将对象作为道具传递到另一个页面。

当我点击我创建的链接时，似乎没有传递任何信息。

这是我正在使用的链接。

<router-link :to="{ name: 'movieInfo', params: { movieInfo: movie }}"><h2>{{movie.Name}}</h2></router-link>

Index.js

{
name: 'movieInfo',
path: 'movieinfo',
component: () => import('@/views/MovieInfoPage.vue'),
props: true
},

movieInfo页面中的Props字段

props:{
movieInfo:{
required: true
}
}, 

是我做错了什么，还是应该以不同的方式处理。

Answer 1

您必须在routes中声明此路由占用道具，并且您必须像一样声明您的路径

path: '/movieinfo/:movieInfo', 

movieInfo成为动态数据，然后您可以通过router-link传递它