1.带着id传到详情页面中
效果:点击任一电影,跳转进Detail.vue页面时后面自动拼接上电影的filmId
http://localhost:8081/#/Detail/6112
http://localhost:8081/#/Detail/6105
等等
代码
nowPlaying.vue
<template>
<div>
<ul>
<li v-for="data in datalist" :key="data.filmId" @click="handleChangePage(data.filmId)">
<!-- 获取电影海报 -->
<img :src="data.poster" alt="">
<!-- 获取电影标题 -->
<h3>{
{data.name}}</h3>
<!-- 获取观众评分 -->
<p>观众评分{
{data.grade}}</p>
<!-- 获取导演和主演信息:此处要处理一下数组data.actors(过滤) -->
<p>{
{data.actors | actorfilter}}</p>
</li>
</ul>
</div>
</template>
<script>
import axios from "axios"
// 注册过滤器需要用到Vue,所以引入vue:在哪使用就在哪引入
import Vue from "vue"
Vue.filter('actorfilter',function(data){
//回顾map的用法:
// console.log([0,1,2].map(item=>`我是第${item+1}名`));
// 处理data.name数组