1.安裝vue-seamless-scroll
npm install vue-seamless-scroll --save
2.在main.js中全局引入
import scroll from 'vue-seamless-scroll'
Vue.use(scroll)
3.直接用:
<vue-seamless-scroll
:class-option="tableListOption"
:data="tableList"
class="seamless-warp-table"
>
<ul
class="ul-li"
v-for="(item, index) in tableList"
:key="index"
>
<li style="width: 80px">{{ item.time }}</li>
<li style="width: 56px">{{ item.greenhouse }}</li>
<li style="width: 56px">{{ item.farmingCode }}</li>
<li style="width: 56px">{{ item.inputName }}</li>
<li style="width: 56px">{{ item.name }}</li>
<li style="width: 56px">
<img
:src="photo"
alt
@click="previewImg(item)"
:data-itemData="JSON.stringify(item)"
/>
</li>
</ul>
</vue-seamless-scroll>