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

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

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

<div class="scrollArea">
　　<marquee
　　　　width="960"
　　　　direction='left'
 5　　　　 scrollamount="6"
 　　　 behavior="scroll"
　　　　contenteditable="true"> 
       {{scrollMessage}}
   </marquee>
</div>

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

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

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

<div class="scrollArea" v-if="scrollMessage">
　　<marquee
  　　 width="960"
  　　 direction='left'
 　　  scrollamount="6"
   　　behavior="scroll"
  　　 contenteditable="true"> 
       {{scrollMessage}}
   </marquee>
</div>