when using vue-awesome-swiper in Vue, the page is normal, but the console keeps reporting errors
node
but the page is not affected. The way I use
main
import "swiper/dist/css/swiper.min.css";
import VueAwesomeSwiper from "vue-awesome-swiper";
Vue.use(VueAwesomeSwiper);because I use multiple components, I encapsulate them into components
<template>
<div class="swiper-container tu">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="item in Filetu">
<img :src="item" alt="" />
</div>
</div>
</div>
</template>
<script>
import Swiper from "swiper";
export default{
props:{
Filetu:{
type:Array,
default:Array,
required: true
},
index:{
type:Number,
required: true
}
},
mounted(){
this.lun();
},
methods:{
lun(){
const _index=this.index;
var myswiper=new Swiper(".tu",{
observer:true,
observerParent:true,
initialSlide:_index,//slide
})
}
}
}
</script>use
in components
<u-swiper
:Filetu="Filetu"
:index="TupianKey"
v-if="TupianStyle"
>
</u-swiper>
import Uswiper from "./Uswiper"
components:{
"u-swiper":Uswiper
},
how to deal with this warning? It"s ugly. Vue-awesome-swiper is version 3.1.1
.