marquee-components

marquee

替代marquee标签的文字横向滚动Vue插件

安装

# install dependencies
npm i marquee-components
 

使用

在main.js引入

import marquee from 'marquee-components'
Vue.use(marquee );

在页面使用

<template>
  <div id="app">
       <marquee :val="msg"></marquee>
  </div>
</template>
<script>
export default {
  name: 'app',
  data () {
    return {
      msg: 'vuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevuevue'
    }
  }
}
</script> 

val后加文字即可，当超过文本容器长度时，触动横向滚动效果。