Vue列表页如何通过ID跳转详情页并获取详情?
- 内容介绍
- 文章标签
- 相关推荐
本文共计403个文字,预计阅读时间需要2分钟。
1. 在`router.js`中配置路由: javascript { path: '/movieDetail/:movieId', name: 'movieDetail', component: movieDetail }
2. 在详情页获取ID,并触发父组件(`movieList.vue`)的事件:
1.先在router.js中配置路由
{ path: '/movieDetail/:movieId', name: 'movieDetail', component:movieDetail }
2.获取详情页的id,并派发父组件事件(movieList.vue)页面
<li v-for="(item,index) in movies" :key="index" @click="selectItem(item)"> 。。。。。。。
本文共计403个文字,预计阅读时间需要2分钟。
1. 在`router.js`中配置路由: javascript { path: '/movieDetail/:movieId', name: 'movieDetail', component: movieDetail }
2. 在详情页获取ID,并触发父组件(`movieList.vue`)的事件:
1.先在router.js中配置路由
{ path: '/movieDetail/:movieId', name: 'movieDetail', component:movieDetail }
2.获取详情页的id,并派发父组件事件(movieList.vue)页面
<li v-for="(item,index) in movies" :key="index" @click="selectItem(item)"> 。。。。。。。

