Vue如何实现长尾词的横向滚动显示？

本文共计532个文字，预计阅读时间需要3分钟。

一、使用npm安装若想安装插件（包括自定义的），请执行以下命令：

npm install

一、npm 安装

如果你想安装插件（自己写的）

安装

# 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后加文字即可，当超过文本容器长度时，触动横向滚动效果。