vue3 element plus 走马灯纵向滚动鼠标滚动

steven596cl

于 2022-10-19 10:42:18 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js typescript 前端

本文链接：https://blog.youkuaiyun.com/steven596cl/article/details/127403044

本文介绍了如何使用Vue3和Element Plus组件库创建一个支持鼠标滚动的纵向走马灯效果，详细讨论了HTML布局和TypeScript中的滚动事件处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

前言

vite2+vue3+ts element plus 走马灯纵向滚动鼠标滚动

提示：以下是本篇文章正文内容，下面案例可供参考

<div style="height: 937px" @mousewheel="rollScroll($event)">
      <el-carousel height="937px" direction="vertical" :autoplay