详解mpvuescroll-view自动回弹bug解决方案-创新互联
表现
我们提供的服务有:成都网站设计、做网站、微信公众号开发、网站优化、网站认证、虞城ssl等。为成百上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的虞城网站制作公司设置了scroll-top的scroll-view组件,在组件所在vue实例data发生改变时会自动回弹到最上方
解决方案
打开 node_modules/mpvue/index.js, 在任意位置添加以下两个方法
function calcDiff(holder, key, newObj, oldObj) { if (newObj === oldObj || newObj === undefined) { return } if (newObj == null || oldObj == null || typeof newObj !== typeof oldObj) { holder[key] = newObj } else if (Array.isArray(newObj) && Array.isArray(oldObj)) { if (newObj.length === oldObj.length) { for (var i = 0, len = newObj.length; i < len; ++i) { calcDiff(holder, key + '[' + i + ']', newObj[i], oldObj[i]) } } else { holder[key] = newObj } } else if (typeof newObj === 'object' && typeof oldObj === 'object') { var newKeys = Object.keys(newObj) var oldKeys = Object.keys(oldObj) if (newKeys.length !== oldKeys.length) { holder[key] = newObj } else { var allKeysSet = Object.create(null) for (var i = 0, len = newKeys.length; i < len; ++i) { allKeysSet[newKeys[i]] = true allKeysSet[oldKeys[i]] = true } if (Object.keys(allKeysSet).length !== newKeys.length) { holder[key] = newObj } else { for (var i = 0, len = newKeys.length; i < len; ++i) { var k = newKeys[i] calcDiff(holder, key + '.' + k, newObj[k], oldObj[k]) } } } } else if (newObj !== oldObj) { holder[key] = newObj } } function diff(newObj, oldObj) { var keys = Object.keys(newObj) var diffResult = {} for (var i = 0, len = keys.length; i < len; ++i) { var k = keys[i] var oldKeyPath = k.split('.') var oldValue = oldObj[oldKeyPath[0]] for (var j = 1, jlen = oldKeyPath.length; j < jlen && oldValue !== undefined; ++j) { oldValue = oldValue[oldKeyPath[j]] } calcDiff(diffResult, k, newObj[k], oldValue) } return diffResult }
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
文章名称:详解mpvuescroll-view自动回弹bug解决方案-创新互联
新闻来源:http://hbruida.cn/article/dicidh.html