vue <marquee> 无法设置 loop 问题

0问题现象

vue 项目使用 marquee 文字轮播，设置 loop="1" 时无效，渲染为 loop：

<marquee loop="1">测试得数据</marquee>

html 渲染为（loop 属性丢失了值，致使 loop="1" 失效）：

<marquee loop>测试得数据</marquee>

1解决方案

通过 vue ref 直接修改 marquee 元素的 loop property：

<template>
  <div>
    <marquee ref="marqueeEl">测试得数据</marquee>
    <button @click="setLoop">设置循环 1 次</button>
  </div>
</template>

<script>
export default {
  methods: {
    setLoop() {
      this.$refs.marqueeEl.loop = 1;
    }
  }
};
</script>

问题解决。