博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-awesome-swipe 基于vue使用的轮播组件 使用(改)
阅读量:6260 次
发布时间:2019-06-22

本文共 773 字,大约阅读时间需要 2 分钟。

npm install vue-awesome-swiper --save  //基于vue使用的轮播组件

 require('swiper/dist/css/swiper.css')
export default {  data () {    return {      banners: [{ src: require('../img/1.jpg') }, { src: require('../img/4.jpg') }, { src: require('../img/5.jpg') }],      swiperOption: {        notNextTick: true,        autoplay: 1000,        pagination: '.swiper-pagination',        paginationClickable: true,        mousewheelControl: true,        observeParents: true,        onSlideChangeEnd: swiper => {          this.page = swiper.realIndex + 1          this.index = swiper.realIndex        }      }    }  },  components: {    swiper,    swiperSlide  }}

 

转载于:https://www.cnblogs.com/cloud-k/p/7239404.html

你可能感兴趣的文章
Linux的简单SHELL
查看>>
bat清理日志文件
查看>>
python——“破解”私有属性
查看>>
httpclient请求域名自定义域名指向ip
查看>>
安装 MySQL报错 -bash: mysql: command not found
查看>>
RedHat6.4使用CentOS163yum源在线安装及更新软件
查看>>
BUG: soft lockup - CPU#0 stuck for 22s! [kworker/0:2:27076]
查看>>
亿美软通亮相亿邦未来零售大会,斩获智能商业创新奖
查看>>
sed awk 笔记(二)
查看>>
DOCKER 给运行中的容器添加映射端口
查看>>
linux |版权许可GNU和GPL
查看>>
System Center 2012 SP1 之四 配置App Controller
查看>>
第三篇 Python函数(day3)
查看>>
如何轻松快速搭建商城系统?
查看>>
Ansible问题汇总
查看>>
Hover States - 有趣的用户界面及交互设计
查看>>
C# IO流的操作
查看>>
SVN的安装与常用功能使用以及解决安装配置过程中的一些错误
查看>>
EasyUI numbox输入框,金额格式化显示
查看>>
Lync 2013前端池添加服务器报无法更新数据库RTC,因为需要执行版本从0到125的主要升级...
查看>>