亲爱的小伙伴,你还在寻找vue3-marquee组件的使用教程吗,下边我就用两步教会你如何快速上手走马灯组件,为你的项目增添更多的bigger!

1.安装

使用npm安装

npm install vue3-marquee@latest --save

使用yarn安装

yarn add vue3-marquee@latest

2.使用

2.1 引入组件和样式

import { Vue3Marquee } from 'vue3-marquee'
import 'vue3-marquee/dist/style.css'

2.2 在你要使用走马灯组件的组件下,注册它

components:{
    Vue3Marquee
}

2.3使用组件标签,包裹住你要进行走马灯效果的内容

这里要注意的是,标签里边不仅可以放纯文本,也可以放各种标签

最后,恭喜你,走马灯使用成功!

Logo

前往低代码交流专区

更多推荐