Vue如何替代marquee标签超出宽度文字横向滚动效果-创新互联
这篇文章主要介绍了Vue如何替代marquee标签超出宽度文字横向滚动效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
成都创新互联公司专注于企业全网整合营销推广、网站重做改版、肥乡网站定制设计、自适应品牌网站建设、H5高端网站建设、商城开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为肥乡等各大城市提供网站开发制作服务。一、npm 安装
如果你想安装插件(自己写的)
安装
# install dependencies npm i marquee-components
使用
在main.js引入
import marquee from 'marquee-components' Vue.use(marquee );
在页面使用
val后加文字即可,当超过文本容器长度时,触动横向滚动效果。
二、直接引入组件
marquee组件
{{text}}
{{text}}
其他页面引入marquee组件
感谢你能够认真阅读完这篇文章,希望小编分享的“Vue如何替代marquee标签超出宽度文字横向滚动效果”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!
网站标题:Vue如何替代marquee标签超出宽度文字横向滚动效果-创新互联
文章路径:http://myzitong.com/article/ccsjoo.html