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