vue 轮播列表

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