1.4.2 class-option属性 step: 0.3 ---内容信息滚动速度,数值越大速度滚动越快 limitMoveNum: 5, ---开始无缝滚动的数据量,可根据需滚动的内容进行配置 hoverStop: true ---是否开启鼠标悬停stop direction: 1 ---滚动方向;0向下 1向上 2向左 3向右 openWatch: true ---开启数据实时监控刷新dom singleHe...
{ step: 0.2, // 数值越大速度滚动越快 limitMoveNum: 2, // 开始无缝滚动的数据量 this.dataList.length hoverStop: true, // 是否开启鼠标悬停stop direction: 1, // 0向下 1向上 2向左 3向右 openWatch: true, // 开启数据实时监控刷新dom singleHeight: 0, // 单步运动停止的高度(默认值0是...
vue-seamless-scroll卡顿问题可能与多个因素有关,包括配置参数、数据量、以及组件本身的性能优化等。 1. 配置参数调整 step 参数:step 参数控制滚动速度,如果设置得太小,可能会导致滚动卡顿。建议根据实际需求适当增大 step 值。 limitMoveNum 参数:该参数控制开始无缝滚动的数据量。如果数据量很大,可能会增加滚动时的...
v-model="isPause"class="scroll":list="tableData":limitScrollNum="scrollOptions.limitScrollNum":step="scrollOptions.step":hover="scrollOptions.hover":copyNum="scrollOptions.copyNum":wheel="scrollOptions.wheel":direction="scrollOptions.direction"><el-table class="scroll-content":data="tableData"...
数值越大速度滚动越快。step 值不建议太小,不然会有卡顿效果(如果设置了单步滚动,step 需是单步大小的约数,否则无法保证单步滚动结束的位置是否准确。~~~,比如单步设置的 30,step 不能为 4)。limitMoveNum type: Numberrequired: falsedefault：5 开启无缝滚动的数据量。hoverStop type: Booleanrequired: falsedefa...
<template><vue3-seamless-scrollclass="v-s-s":list="list":step="1":hover="true">{ { item.title }}{ { item.date }}</vue3-seamless-scroll></template>import{ ref, reactive, toRefs, onMounted }from'vue'import{Vue3SeamlessScroll}from'vue3-seamless-scroll'exportdefault{components: {...
step:0.2,//数值越大速度滚动越快limitMoveNum:2,//开始无缝滚动的数据量 this.dataList.lengthhoverStop:true,//是否开启鼠标悬停stopdirection:0,//0向下 1向上 2向左 3向右openWatch:true,//开启数据实时监控刷新domsingleHeight:0,//单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1sing...
importvueSeamlessScrollfrom'vue-seamless-scroll' components: { vueSeamlessScroll }, 1. 2. 3. 4. 5. 6. 7. 3、配置参数 // 监听属性 类似于data概念 computed: { defaultOption() { return{ step:0.2,// 数值越大速度滚动越快 limitMoveNum:2,// 开始无缝滚动的数据量 this.dataList.length ...
step 步进速度 type: [Number, String], required: false 使用实例 <template> <itemTitle title="服务内容统计"></itemTitle> <Vue3SeamlessScroll :wheel="true" :hover="true" :list="list" class="scroll"> 服务内容1 200 </Vue3SeamlessScroll> </...
step: 1, // 数值越大速度滚动越快 limitMoveNum: 12, // 开始无缝滚动的数据量 this.dataList.length hoverStop: true, // 是否开启鼠标悬停stop direction: 1, // 0向下 1向上 2向左 3向右 openWatch: true, // 开启数据实时监控刷新dom singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不...