vue-seamless-scroll组件在复制DOM元素进行滚动时,并不会复制绑定在原始DOM元素上的事件监听器。因此,常见的解决方案是使用事件委托,将点击事件绑定到父元素上,而不是直接绑定到动态生成的DOM元素上。 检查点击事件绑定: 确保你的点击事件是绑定在正确的元素上。由于vue-seamless-scroll会复制DOM元素,因此直接将事件绑定...
解决:往滚动组件的父节点上添加绑定事件(js冒泡机制),通过e.target定位到具体点击位置,然后判断点击位置是否是你滚动组件的一列/行 具体实现 <vue-seamless-scroll class="warp" v-if="companyList.length > 0" :data="companyList" :class-option="classOption" > ...
问题说明 利用[vue-seamless-scroll](https://github.com/chenxuan0000/vue-seamless-scroll) 实现了一个图片的轮播,流转效果。 当只有一个时,会再创建一个一模一样的Html,给li添加了点击事件,但是没有作用,没有反应。 代码如下: <vue-seamless-scroll:data="list":class-option="{ step: 0.4, // 数值越...
在使用vue-seamless-scroll这个组件的时候发现存在一个问题: 自己写点击事件在滚动的项里面会自己复制一个dom出来,但是事件沒有复制出来。 解決方法: 我查看了很多文档,都是使用的事件代理;在自己需要点击的项中加一个class,在点击事件中用到。 上代码: <vueSeamless:data="scrollContent":class-option="option"ref...
在使用vue-seamless-scroll时候,想要点击某一列/行触发一个事件,发现,前几个可以,后面几个就不行了,不能点击的原因是因为html元素是复制出来的(滚动组件是将后面的复制出来一份,进行填铺页面,方便滚动) 解决方案:往滚动组件的父节点上添加绑定事件(js冒泡机制),通过e.target定位到具体点击位置,然后判断点击位置是...
使用vue-seamless-scroll自动滚动插件复制出来的数据点击事件无效的解决办法,引言:做可视化地图项目,使用vue-seamless-scroll实现表格数据自动滚动,有个bug就是复制出来的数据点击事件失效。这个插件底层的实现是cope的形式,无限滚动原理:无限滚动的原理就是把之前的
npm install vue-seamless-scroll --save 二、在main.js页面引用 import scroll from "vue-seamless-scroll"; Vue.use(scroll); 如下图 image.png 三、代码如下 <template><!-- 表头 -->序号样品名称规格型号取样日期推送功能室推送人推送时间接应时间<!-- 滚动部分 --><vue-seamless-scroll:data="trapDail...
实际页面渲染后会出现点击某些span没有执行事件的情况。这个问题是因为vue-seamless-scroll是用重复渲染一遍内部元素来实现滚动的,而JS的onclick只检测页面...
我之前使用vue-seamless-scroll插件都是正常的,最近突然发现不能滚动了,但是插件在页面是有渲染dom,找了好久没有找到原因,请大神指点下!引用:import vueSeamlessScroll from 'vue-seamless-scroll'html:<vueSeamlessScroll :data="listData" :class-option="defaultOption" class="seamless-warp"> {{$t('cs...
Vue3SeamlessScroll 数据不多不开启滚动 背景:在vue中时使用BetterScroll来滚动列表,而列表的数据是动态获取加载的,使用的是v-for遍历数据。数据加载完后,BetterScroll滚动失效。上网搜索资料,使用了一些方法都没能解决,比如在vue的activated()中调用bs.refresh() 方法。最后感觉应该是v-for的问题,经进一步搜索找到了...