vue marquee 结束事件

Vue的marquee结束事件可以通过监听transitionend事件来实现。具体步骤如下：

1. 在需要监听marquee结束事件的元素上添加一个ref属性，例如ref="marquee"。
2. 在Vue的methods中定义一个方法来处理marquee结束事件，例如handleMarqueeEnd()。
3. 在mounted生命周期钩子中，使用this.$refs.marquee.addEventListener()方法来监听transitionend事件，将handleMarqueeEnd()方法作为事件处理函数传入。

示例代码如下：

<template>
  <div>
    <div ref="marquee" class="marquee">This is a marquee</div>
  </div>
</template>

<script>
export default {
  mounted() {
    this.$refs.marquee.addEventListener('transitionend', this.handleMarqueeEnd);
  },
  methods: {
    handleMarqueeEnd() {
      // marquee结束事件的处理逻辑
      console.log('Marquee ended');
    }
  }
}
</script>

<style>
.marquee {
  position: relative;
  animation: marquee 5s linear infinite;
}

@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
</style>

在以上示例中，当marquee动画结束时，会在控制台中输出"Marquee ended"。你可以根据需要，修改handleMarqueeEnd()方法中的逻辑来实现你想要的效果