【vue-seamless-scroll bug问题记录以及解决】
vue-seamless-scroll bug问题记录以及解决
vue-seamless-scroll 的使用方式,请查看网站链接: 组件官方示例。
问题1:无法自动滚动
解决方案:
①排查limitMoveNum 函数(开始无缝滚动的数据量)
不管动态数据还是静态数据,limitMoveNum 必须小于等于 数据数组长度。若大于则不会自动滚动。
option() {return {step: 0.4, // 数值越大速度滚动越快limitMoveNum: 2, // 开始无缝滚动的数据量hoverStop: true, // 是否开启鼠标悬停stopdirection: 0, // 0向下 1向上 2向左 3向右openWatch: true, // 开启数据实时监控刷新dom( 用于计算属性中computed)singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动)singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) waitTime: 1000 // 单步运动停止的时间(默认值1000ms)}}
②排查动态数据问题。
后端返回展示数据,前端若要进行业务逻辑的处理,必须一次性将一个数组赋值给vue-seamless-scroll中展示数据。不能一个个push进去。采用的方法定义新数组一次性赋值。
// list 后端传过来数组
var newList = [ ] // 定义新数组
for (var i in list) { newList.psuh(list[i])
}
// tabelList为vue-seamless-scroll展示数组
[...this.tabelList] = newList // 使用扩展运算符赋值
【vue-seamless-scroll bug问题记录以及解决】相关推荐
- vue页面渲染(请求返回的后端)data,文本换行与显示bug 的分析与解决提示
vue页面渲染(请求返回的后端)data,文本换行与显示bug 的分析与解决提示 问题说明: vue项目,后台一经修改文案[介绍内容]后,前端接收显示实时数据,却无法换行? 原因分析: 后台页面的表单 ...
- 【BUG记录】解决Failure to find (pom/jar) in http://xxx.com was cached in the local repository
[BUG记录]解决Failure to find (pom/jar) in http://xxx.com was cached in the local repository ☠注意:此解决方法仅针对 ...
- ML之回归预测:利用十(xgboost,10-1)种机器学习算法对无人驾驶汽车系统参数(2017年的data,18+2)进行回归预测值VS真实值——bug调试记录
ML之回归预测:利用十(xgboost,10-1)种机器学习算法对无人驾驶汽车系统参数(2017年的data,18+2)进行回归预测值VS真实值--bug调试记录 目录 输出结果 1.增加XGBR算法 ...
- 软件测试bug文档模板,软件bug测试记录模板
软件bug测试记录模板 XXX软件bug测试记录表 文档编号: 背景信息 项目名称 测试目的 硬件环境 软件环境 测试时间 测试人员 测试说明 1.严重等级: A-Crash(崩溃的):由于程序所引起 ...
- openmv 神经网络 超出内存_【openmv】openmv各种bug问题记录
一 已解决的bug (一)python语言使用错误 1.for循环后未加冒号/def 函数后未加冒号/缩进不对 SyntaxError: invalid syntax 例子: def callback ...
- VUE项目中遇到的问题和解决办法 (1) route.query刷新后丢失
VUE项目中遇到的问题和解决办法 (1) route.query刷新后丢失 背景:今天在写项目时需要用到,route.query获取参数,本来这是一个很简单的问题,但是我遇到了参数丢失的问题 环境: ...
- java使用ElasticSearch的scroll查询,高效的解决es查询数量的限制。
java使用ElasticSearch的scroll查询,高效的解决es查询数量的限制. 一.为什么要使用ES的scroll (1)首先我们要明白es的查询机制:ES的搜索是分2个阶段进行的,即Que ...
- IE6,IE7,IE8 css bug汇总以及兼容解决方法
断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 1: ...
- 【记录】解决uni-app 用nginx反向代理出现Invalid Host header问题
[记录]解决uni-app 用nginx反向代理出现Invalid Host header问题 参考文章: (1)[记录]解决uni-app 用nginx反向代理出现Invalid Host head ...
最新文章
- bootstrap insertrow始终插入到最后一行_HBase put命令:插入数据
- jQueryEasyUi验证
- linux编写运行shell程序,Linux的Shell编程运行Shell程序的方法有哪些呢?
- 在PAT上提交Java代码
- java能写复杂的查询么_spring-data-jpa 复杂查询的写法(包含or的查询)
- 计算字符串距离(信息学奥赛一本通-T1298)
- 从一个登录页面浅淡MVVM(二)
- _InputArray 和 outputArray在ORBslam中的使用
- LeetCode 240. Search a 2D Matrix II
- 超分辨率分析(四)--Deep Image Prior
- JavaWeb——Servlet开发1
- VMP 虚拟机(加壳原理)
- 数据库服务器协议,数据库搭载服务器 协议
- LINGO11 百度网盘
- 使用selenium爬验证码图片并识别
- diskpart命令_Windows Diskpart命令教程
- iOS微信实现第三方登录的方法
- UE4 二维地图的缩放与拖拽操作
- 如何解决“无法连接到文件共享,因为它不安全。 此共享需要旧的 SMB1 协议”问题
- 2019年8月,微信朋友圈发长文字防止被折叠成一行的方法
热门文章
- 判断某软件是32位还是64位
- WZOI-151至170题答案
- java 整合redis缓存 SSM 后台框架 rest接口 shiro druid maven bootstrap html5
- Windows及Linux下的虚拟主机Web管理软件
- java 动静态代理(https://www.cnblogs.com/V1haoge/p/5860749.html)
- 2020年茶艺师(中级)考试题库及茶艺师(中级)模拟考试题
- springboot毕设项目城市天然气管理系统 p355v(java+VUE+Mybatis+Maven+Mysql)
- 楼层住宅选第几层,教你五步选出最佳楼层
- 基于JAVA车位管理系统计算机毕业设计源码+系统+lw文档+部署
- 三维图形的覆盖问题【附matlab代码】