vue3+typeScript中使用swiper
1、首先npm下载包
npm i swiper --save
2、引入Swiper、SwiperSlide组件
import {
Swiper, SwiperSlide } from 'swiper/vue'
//引入对应样式文件
import 'swiper/swiper.scss'
引入‘swiper/vue’这里会有报错提示,我们可以在src目录(或者在src/@types目录)·下新建一个swiper.d.ts文件,把下面代码复制进去
declare module 'swiper/vue' {
import _Vue from 'vue'
export class Swiper extends _Vue {
}
export class SwiperSlide extends _Vue {
}
}
3、使用swiper中Navigation,除了上面引入的Swiper、SwiperSlide
还需要引入模块Navigation
。
swiper网址
1、vue下使用swiper.