v-for循环遍历的时候item是一个对象,所以报错原因是 :key=“item”绑定成了一个对象,但是绑定的要是独一无二的数值所以在:key=“item.id”绑定了一个后端给的独一无二的字段。报错消失。查看是否拿到数据使用双括号{{ item }}然后去页面中看是否有拿到后端反的数据。

****下面附上async接口的使用

export default {

data(){

return{

banners:[], //循环遍历的数组

}

}

}

created(){

this.getBanner();

},

methods:{

//首页轮播图

async getBanner(){

let res = await home();

this.banners = res.home_banner;

// this.guideBanner = res.guide_banner 同个接口,同个页面下的banner调用方法相同

},

}

文章来源

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。