这个真奇了怪了,是在封装组件遇到的
这个recommends数组在得到的页面能加载出来,但在在那个页面就是不出来,但是另外一个页面我明明就有它。
解决方式:我重新建立了一个页面,然后代码复制了过去,没有问题,之前建立的页面删除了。
![](https://i-blog.csdnimg.cn/blog_migrate/48dc86d65c2d7aef3b234e60e21e4b77.png)
//这个就是封装的recomendView页面代码,真奇怪,我不懂之前为啥会报错
<template>
<div class="recommend">
<!-- <div v-for="(item,index) in recommends" :key="index">
<img :src="item.image" alt="">
</div> -->
<div v-for="(item,index) in recommends" :key="index">
<a :href="item.link">
<img :src="item.image" alt="">
<div>{{item.title}}</div>
</a>
</div>
</div>
</template>
<script>
export default {
name:"RecommendView",
props:{
recommends:{
type:Array,
default(){
return []
},
}
}
}
</script>