vue + swiper
来源:互联网 发布:刺身 寄生虫 知乎 编辑:程序博客网 时间:2024/06/11 08:51
npm install vue-awesome-swiper –save
在main.js 中
import VueAwesomeSwiper from ‘vue-awesome-swiper’
require(‘swiper/dist/css/swiper.css’)
Vue.use(ElementUI, VueAwesomeSwiper)
然后 在组件中
<div class="swiper-content"> <swiper :options="swiperOption" ref="mySwiper"> <swiper-slide> <div id="mychart" :style="{width: '300px', height: '300px'}"></div> </swiper-slide> <swiper-slide>2</swiper-slide> <swiper-slide>3</swiper-slide> <swiper-slide>4</swiper-slide> <div class="swiper-pagination" slot="pagination"></div> </swiper> </div>
阅读全文
0 0
- vue + swiper
- Vue+Swiper
- vue引入swiper插件
- vue+swiper 轮播
- vue-awesome-swiper
- vue-cli webpack 引入 swiper
- vue-awesome-swiper轮播图实践
- vue.js+vue-awesome-swiper轮播
- vue-awesome-swiper(轮播图vue插件)
- vue中使用轮播图 vue-awesome-swiper
- vue开发:vue-cli引入swiper
- 使用vue-awesome-swiper滑块插件
- 使用vue-awesome-swiper滑块插件
- vue踩坑系列——swiper
- vue+swiper实现组件化开发
- vue+swiper实现自定义侧滑菜单
- vue-awesome-swiper 自动轮播问题
- vue轮播图插件vue-awesome-swiper的使用
- Spring@Autowired注解与自动装配
- 【剑指offer】代码错误记录
- 比较运算符
- js获取url请求参数
- composer 依赖管理 + 创建 laravel 项目
- vue + swiper
- ElasticSearch的Gateway及存储原理
- tcp ip 三次握手四次挥手
- 【SIKI】_12_Unity动画系统-Mecanim笔记
- iOS_远程推送(iOS10)_UNNotificationServiceExtension
- Java IO流详尽解析
- 【Linux相识相知】文本处理工具之grep-egrep-fgrep及正则表达式
- 比较运算符 js
- Unity倒计时动画