首页 > 其他 > 详细

vue 轮播列表

时间:2021-05-27 22:36:54      阅读:19      评论:0      收藏:0      [点我收藏+]

vue轮播列表快速实现有我做过两种

第一种vue插件  vueSeamlessScroll

先num install vue-seamless-scroll -s 下包,在min.js中引入,也可以在组件内引用
<vueSeamlessScroll :data="listData" class="seamless-warp" :class-option="classOption">  //listdata是我的数组名  
<ul class="item">
<li v-for="(item,index) in listData" :key="index" @scroll="scrollfun(index)">
<span v-text="item.city"></span>
<span v-text="item.labour"></span>
<span v-text="item.illness"></span>
<span v-text="item.stable"></span>
<span>{{item.total}}</span>
</li>
</ul>
</vueSeamlessScroll>
 
第二种是dataV
同样num install @jiaminghi/data-view -s  min.js引入
<dv-scroll-board :config="config" style="width:500px;height:220px" /> 
config:{
     data:[]
另外在附上dataV和vueSeamlessScroll的链接,他们的属性方法可以去官网查找   
dataV:http://datav.jiaminghi.com/guide/    
vueSeamlessScroll:https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default

vue 轮播列表

原文:https://www.cnblogs.com/zxr0/p/14819128.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!