vue 有什么 marquee 插件可以获取到播放状态

在 Vue 中，你可以使用一些插件来实现 marquee（跑马灯）效果，并获取播放状态。以下是几个常用的插件：

1. vue-marquee-text-component：这是一个简单的跑马灯组件，可以通过监听 playing 事件来获取播放状态。你可以在 Vue 项目中安装并使用该组件。

   npm install vue-marquee-text-component
   

   示例代码：

   <template>
     <marquee-text :playing="isPlaying">
       <!-- 跑马灯内容 -->
     </marquee-text>
   </template>
   
   <script>
   import MarqueeText from 'vue-marquee-text-component';
   
   export default {
     components: {
       MarqueeText
     },
     data() {
       return {
         isPlaying: false
       };
     },
     methods: {
       togglePlaying() {
         this.isPlaying = !this.isPlaying;
       }
     }
   }
   </script>
   

2. vue-marquee：这是一个基于 Vue 的无缝滚动插件，可以通过监听 @play 和 @stop 事件来获取播放状态。

   npm install vue-marquee
   

   示例代码：

   <template>
     <vue-marquee :playing="isPlaying" @play="onPlay" @stop="onStop">
       <!-- 跑马灯内容 -->
     </vue-marquee>
   </template>
   
   <script>
   import VueMarquee from 'vue-marquee';
   
   export default {
     components: {
       VueMarquee
     },
     data() {
       return {
         isPlaying: false
       };
     },
     methods: {
       onPlay() {
         this.isPlaying = true;
       },
       onStop() {
         this.isPlaying = false;
       }
     }
   }
   </script>
   

这些插件都提供了播放状态相关的事件或属性，你可以根据需要选择适合的插件来实现跑马灯效果，并获取播放状态