element 实现表格滚动vue-seamless-scroll --save

程序猿海王秃

已于 2023-08-04 16:54:28 修改

阅读量293

点赞数

分类专栏：项目实战分享 Vue 文章标签： vue.js 前端 elementui

于 2023-04-23 14:37:29 首次发布

本文链接：https://blog.csdn.net/weixin_53561783/article/details/130320943

版权

本文介绍了如何在Vue项目中，结合Element UI库，实现表格数据的无缝滚动效果。主要涉及在main.js文件中的配置和使用。

摘要由CSDN通过智能技术生成

npm install vue-seamless-scroll --save

main.js

import scroll from 'vue-seamless-scroll'
Vue.use(scroll)

<template>
  <div id="app">
    <div class="backround">
      <vue-seamless-scroll :data="listData" :class-option="optionHover" class="seamless-warp">
        <el-table :data="listData" border :show-header="status">
          <el-table-column prop="date" label="日期">
          </el-table-column>
          <el-table-column prop="title" label="标题">
          </el-table-column>
          <el-table-column prop="test" label="操作">
          </el-table-column>
        </el-table>
      </vue-seamless-scr