vue列表页跳转详情页获取编号以及详情页通过编号获取数据

1.先在router.js中配置路由

{路径： '/电影尾/:电影尾'，名称： '电影尾'，组件：电影尾} 2 .获取详情页的id，并派发父组件事件(movieList.vue)页面

li v-for='(项目，索引)在movies ' : key=' index ' @ click=' selection item(项目)' .的情况下……/Li方法3360 {选择项(项目){ //console.log(项目。moveid)；//var item=item。moveid这个$emit('select '，item)；}3.在电影秀页面引用movieList.vue页面

movieList :电影='电影' @ select='电影尾'/movieList//转入电影详情页电影结尾(项目){控制台。日志(` $ { item。moveid } `))；这个$路由器。push({ path : `/电影结尾/$ { item。moveid } `})}效果如下：

上面获取到了id，接下来实现详情页通过编号获取数据

1)先获取传过来的编号

var movieId=那个$route.params .那个$路线。参数。movieid2)引用豆瓣网的应用程序接口

/v2/电影/主题/:id单个电影条目信息

const URL=` API/movie/subject/$ { movieId } `；那个$axios.get(url).然后((RES)={控制台。日志(资源数据)；})效果如下

3)在页面中引用

滚动class=' movie-detail ' : data=' movie tail '。在射流研究…中将移动尾巴进行赋值movieDetail=res.data

data(){ return { movietail : } }，created(){ this ._ GetDateIL()；}，components:{ scroll }，methods : { _ GetDateil(){ var=this；var movieId=那个$route.params .那个$路线。参数。movieid控制台。日志(movieId)；//那个。getmovietail(movieId)；const URL=` API/movie/subject/$ { movieId } `；那个$axios.get(url).然后((RES)={控制台。日志(资源数据)；movie tail=RES . data })}，以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。