关于marquee首次加载出现闪跳问题

关于实现文字公告横向滚动，跑马灯效果的其一方法，可用marquee标签实现

marquee标签不是w3c推荐的标签，在W3C官方文档中也无法查询到这个标签，虽然已经过时，但是功能还是十分强大的，设置滚动效果简单。

 1 <div class="scrollArea">
 2 　　<marquee
 3 　　　　width="960"
 4 　　　　direction='left'
 5　　　　 scrollamount="6"
 6  　　　 behavior="scroll"
 7 　　　　contenteditable="true"> 
 8        {{scrollMessage}}
 9    </marquee>
10 </div>

问题：当页面首次加载时，文字还没有滚动完，就会出现突然闪跳重新开始滚动！！！

原因：首次加载页面时，marquee标签会认为内容宽度只有静态布局时的宽度

解决：动态创建数据后构建marquee标签

 1 <div class="scrollArea" v-if="scrollMessage">
 2 　　<marquee
 3   　　 width="960"
 4   　　 direction='left'
 5  　　  scrollamount="6"
 6    　　behavior="scroll"
 7   　　 contenteditable="true"> 
 8        {{scrollMessage}}
 9    </marquee>
10 </div>