vue-seamless-scroll结合el-table数据少就不滚动

vue-seamless-scroll是一个用于实现无缝滚动效果的Vue组件，而el-table是Element UI库中的一个表格组件。如果你想在el-table中的数据少时不显示滚动条，可以通过以下步骤实现：

1. 首先，安装vue-seamless-scroll组件。你可以使用npm或者yarn进行安装：

npm install vue-seamless-scroll

或者

yarn add vue-seamless-scroll

2. 在需要使用无缝滚动效果的地方引入vue-seamless-scroll组件：

<template>
  <div>
    <el-table :data="tableData" v-if="tableData.length > 0">
      <!-- 表格列定义 -->
    </el-table>
    <vue-seamless-scroll v-else>
      <el-table :data="tableData">
        <!-- 表格列定义 -->
      </el-table>
    </vue-seamless-scroll>
  </div>
</template>

<script>
import VueSeamlessScroll from 'vue-seamless-scroll';

export default {
  components: {
    VueSeamlessScroll,
  },
  data() {
    return {
      tableData: [], // 表格数据
    };
  },
  // 其他代码...
};
</script>

在上述代码中，我们使用了条件渲染来判断表格数据是否为空。如果表格数据不为空，则正常显示el-table组件；如果表格数据为空，则使用vue-seamless-scroll组件来实现无缝滚动效果。