Avoid using non-primitive values as keywords, and use string/numeric values instead.
Solution:
<el-carousel class="swiper-container" :interval="5000" arrow="hover" @change="carouselItem">
<el-carousel-item v-for="item in photoList" :key="item">
<div class="swiper-slide">
<div class="swiper" v-for="index in item">
<a @click='goTo(2)' ><img :src="index" /></a>
</div>
</div>
</el-carousel-item>
</el-carousel>
In the for loop, the bound key value cannot be an object, but a string or value, as shown in the following figure:
<el-carousel class="swiper-container" :interval="5000" arrow="hover" @change="carouselItem">
<el-carousel-item v-for="item in photoList" :key="item.id">
<div class="swiper-slide">
<div class="swiper" v-for="index in item">
<a @click='goTo(2)' ><img :src="index" /></a>
</div>
</div>
</el-carousel-item>
</el-carousel>
Similar Posts:
- After NPM downloads a vuelazload, swipwe reports an error [Solved]
- Vue importing CSS file and reporting unrecognized input
- How to Solve Error: Cannot read property ‘map’ of undefined
- mysql Column count doesn’t match value count at row 1
- [Solved] Element-ui Error: [Vue warn]: Invalid prop: type check failed for prop “index”. Expected String with value “1”, got Number with value 1
- [Solved] Operator overload must take either zero or one argument error
- [Solved] error: resource style/AppTheme (aka com.example.myapplication:style/AppTheme
- Python scrapy/ ERROR: Spider must return request, item, or None, got ‘Tag ‘insettlement program
- Angular JS ng-repeat Error: [ngRepeat:dupes]
- Each child in an array or iterator should have a unique “key” prop. Check the render method of `Tabl