vue-seamless-scroll是vue当前使用最多的一个列表循环滚动插件。它功能强大使用方便,这也是我为什么选择它来入坑的原因。 二、使用步骤 1.引入库 //安装vue-seamless-scroll插件 npm install vue-seamless-scroll --save //在mian.js文件中引入 import scroll from 'vue-seamless-scroll' Vue.use(scroll) 1. 2....
在使用vue-seamless-scroll这个组件的时候发现存在一个问题: 自己写点击事件在滚动的项里面会自己复制一个dom出来,但是事件沒有复制出来。 解決方法: 我查看了很多文档,都是使用的事件代理;在自己需要点击的项中加一个class,在点击事件中用到。 上代码: <vueSeamless:data="scrollContent":class-option="option"ref...
我的vue-seamless-scroll无缝滚动不滚动是因为我的页面有切换按钮,原来用v-show的时候只有默认页面的可以滚动,改为v-if就可以了
引言:做可视化地图项目,使用vue-seamless-scroll实现表格数据自动滚动,有个bug就是复制出来的数据点击事件失效。这个插件底层的实现是cope的形式, 无限滚动原理:无限滚动的原理就是把之前的遍历的内容复制一份,滚动这两部分内容,达到无缝滚动效果。(一般数据量比较多有这种效果,数据量比较少,我就不让他滚动了)。 问题...
我之前使用vue-seamless-scroll插件都是正常的,最近突然发现不能滚动了,但是插件在页面是有渲染dom,找了好久没有找到原因,请大神指点下!引用:import vueSeamlessScroll from 'vue-seamless-scroll'html:<vueSeamlessScroll :data="listData" :class-option="defaultOption" class="seamless-warp"> {{$t('cs...
vueSeamlessScroll } data(){return{ defaultOption: { step:1,//数值越大速度滚动越快limitMoveNum: 0,//开始无缝滚动的数据量 this.dataList.lengthhoverStop:true,//是否开启鼠标悬停stopdirection: 1,//0向下 1向上 2向左 3向右openWatch:true,//开启数据实时监控刷新domsingleHeight: 0,//单步运动停止...
比如你定义的数据wrapperList, 你从后台取得值后,不管你后台过来的数据做任何操作,最终必须一次性将一个数组赋值给wrapperList,而不要出现wrapperList.push的依次添加数据的操作,这样操作会出现一些问题。 key_menu | 园豆:202 (菜鸟二级) | 2020-05-28 15:42 确实,找了两个小时原因,在这找到了!!! 支持(1...
我之前使用vue-seamless-scroll插件都是正常的,最近突然发现不能滚动了,但是插件在页面是有渲染dom,找了好久没有找到原因,请大神指点下!引用:import vueSeamlessScroll from 'vue-seamless-scroll'html:<vueSeamlessScroll :data="listData" :class-option="defaultOption" class="seamless-warp"> {{$t('cs...
在使用vue-seamless-scroll时候,想要点击某一列/行触发一个事件,发现,前几个可以,后面几个就不行了,不能点击的原因是因为html元素是复制出来的(滚动组件是将后面的复制出来一份,进行填铺页面,方便滚动) 解决方案:往滚动组件的父节点上添加绑定事件(js冒泡机制),通过e.target定位到具体点击位置,然后判断点击位置是...