vue 中swiper的使用教程
(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )
Install
在vue cli下的使用
npm
install vue-awesome-swiper --save
在main.js中
import VueAwesomeSwiper from 'vue-awesome-swiper' import 'swiper/dist/css/swiper.css' Vue.use(VueAwesomeSwiper)
在component.vue中
<template> <div id="container"> <swiper :options="swiperOption" ref="mySwiper"> <swiper-slide class="swiper-slide games"> <img src="/UploadFiles/2021-04-02/LB_07.jpg">参考:https://github.com/surmon-china/vue-awesome-swiper
https://surmon-china.github.io/vue-awesome-swiper/
总结
以上所述是小编给大家介绍的vue 中swiper的使用教程,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
下一篇:vue配置多页面的实现方法