本篇文章主要介紹了vue實現訊息的無縫滾動效果的範例程式碼，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
朋友的專案裡要實現一個訊息無縫滾動的效果，中途遇到了一點小bug,每組訊息滾動完再次循環時會出現停留兩倍的時間間隔問題，我研究了一天終於解決了這個1S的小問題
項目環境vue-cli ，請自行配置好相應的，環境及路由，這裡主要介紹實現的方法
第一步在範本中使用v-for方法循環出訊息清單
<template>
<p id="box">
<ul id="con1" ref="con1" :class="{anim:animate==true}">
<li v-for='item in items'>{{item.name}}</li>
</ul>
</p>
</template>第二步在
