vue 中 监听 marquee 是否播放完成

可以使用 @finish 事件来监听 <marquee> 元素是否播放完成，示例代码如下：

<marquee ref="myMarquee" @finish="handleFinish">Hello World</marquee>

export default {
  methods: {
    handleFinish() {
      console.log('Marquee finished playing');
    }
  },
  mounted() {
    this.$refs.myMarquee.addEventListener('finish', this.handleFinish);
  },
  beforeDestroy() {
    this.$refs.myMarquee.removeEventListener('finish', this.handleFinish);
  }
}

在 mounted 生命周期钩子中，使用 addEventListener 方法来监听 @finish 事件，当播放完成时，调用 handleFinish 方法。在 beforeDestroy 生命周期钩子中，使用 removeEventListener 方法来移除事件监听