vue-seamless-scroll事件丢失
时间: 2023-08-16 14:08:54 浏览: 58
引用\[1\]:在使用vue-seamless-scroll做页面自动滚动的时候,在添加点击事件后发现在滚动到第二遍的时候点击事件消失。最后发现是由于vue-seamless-scroll在实现滚动的时候自行复制了一份DOM,导致在复制的DOM出现的时候点击事件消失。\[1\]
问题:vue-seamless-scroll事件丢失
回答: 当使用vue-seamless-scroll进行页面自动滚动时,可能会遇到点击事件丢失的问题。这是因为vue-seamless-scroll在实现滚动时会复制一份DOM,导致复制的DOM出现时点击事件消失。为了解决这个问题,可以尝试以下方法:
1. 在vue-seamless-scroll组件上添加一个唯一的key属性,例如:key="scrollKey"。这样可以确保每次滚动时都会重新渲染组件,从而避免事件丢失。
2. 可以尝试使用vue-seamless-scroll提供的其他配置选项来解决事件丢失的问题。例如,可以设置hoverStop为false,这样鼠标悬停时滚动不会停止,可能可以避免事件丢失。
3. 如果以上方法都无效,可以考虑使用其他滚动插件或自己实现滚动功能来替代vue-seamless-scroll。
希望以上方法能够帮助您解决vue-seamless-scroll事件丢失的问题。\[1\]
#### 引用[.reference_title]
- *1* [vue——vue-seamless-scroll中点击事件消失的问题](https://blog.csdn.net/qq_45997679/article/details/115835681)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [vue-seamless-scroll列表循环滚动插件](https://blog.csdn.net/weixin_42215897/article/details/110194641)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)