基于vue的element框架table组件内容文字循环滚动

     基于vue的element框架table组件内容文字循环滚动          我们之前在做html中可能遇到过那种效果，就是列文字向上循环滚动，以循环展示全部的列表文字内容，也是一个比较好看的动态效果我们现在做vue项目的时候，基本上都用框架，那么我们如何实现这么一个列表文字向上滚动到效果，下面是实现方式，基于elementui的table组件。1.正常引入element的table组件，给table命名一个ref，以便后面调用 2.定义一个循环滚动的，主要就是操作div的scrollTop tableScroll:function(){this.$nextTick(()=>{constdivData=this.$refs.alarmMessage.bodyWrappersetInterval(()=>{divData.scrollTop+=1if(divData.clientHeight+divData.scrollTop+1>divData.scrollHeight){divData.scrollTop=0}},50)})},3.在页面一加载的时候调用这方法，当然也可以在某个方法的时候触发这个方法，根据自己项目的需求来 4.实现效果如下，静态图片，实际是一直滚动的 希望我的回答能帮助到你们 -全文完-