可视化大屏-实现自动滚动

M.LNG@li

已于 2024-08-21 15:48:29 修改

阅读量659

点赞数 2

文章标签： vue.js 可视化大屏大屏自动滚动 seamless-scroll 自动滚动

于 2024-08-21 15:46:11 首次发布

本文链接：https://blog.csdn.net/weixin_41262185/article/details/141394692

版权

一、背景：可视化大屏通常需要用到自动滚动的效果，本文主要采用的是vue-seamless-scroll组件来实现（可参考官方文档）
二、实现效果：

自动滚动

三、代码实现：
解题思路：
1.先安装依赖包

npm install vue-seamless-scroll --save
或
yarn add vue-seamless-scroll
或
<script src="vue-seamless-scroll.min.js"></script>

2.完整源码实现如下：

<template>
  <div class="mb-1" v-if&#