Vue实现公告文章的文字从左往右循环滚动的效果怎么做？

Question

再不操作DOM的前提下，单纯使用Vue可以吗？

Answer 1

通过transform实现，为元素绑定一个transform的style，如下:

<p :style="{transform: `translate(${trans}px)`} ">testtest</p>

然后通过改变trasform的值移动文字，如下:

<script>
export default {
   data: function () {
     trans: 0
   },
   mount: function () {
      this.move(this.translate)
   },
   methods: {
     move: function (value) {
     // 实现滚动
     }
   }
}
</script>