最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

詳解mpvue scroll-view自動(dòng)回彈bug解決方案

 更新時(shí)間:2018年10月01日 10:14:55   作者:衛(wèi)夫子  
設(shè)置了scroll-top的scroll-view組件,在組件所在vue實(shí)例data發(fā)生改變時(shí)會(huì)自動(dòng)回彈到最上方,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

表現(xiàn)

設(shè)置了scroll-top的scroll-view組件,在組件所在vue實(shí)例data發(fā)生改變時(shí)會(huì)自動(dòng)回彈到最上方

解決方案

打開(kāi) node_modules/mpvue/index.js, 在任意位置添加以下兩個(gè)方法

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
} 

2.找到 throttleSetData 修改為

var throttleSetData = throttle(function (page, data) {
 page.setData(diff(data, page.data));
}, 50); 

3.找到 updateDataToMP 方法, 將 throttleSetData 的調(diào)用方式改為

throttleSetData(page, data);

希望官方早日修復(fù),參考:

使用臟檢查優(yōu)化每次更新數(shù)據(jù)時(shí)都會(huì)傳輸大量數(shù)據(jù)的問(wèn)題, 解決刪除回退, 列表忽然滾動(dòng)到頂部等問(wèn)題

 以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 一篇超完整的Vue新手入門(mén)指導(dǎo)教程

    一篇超完整的Vue新手入門(mén)指導(dǎo)教程

    這篇文章主要給大家介紹了關(guān)于Vue入門(mén)的相關(guān)資料,是一篇超完整的Vue入門(mén)教程,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-11-11
  • 詳解Vue-cli代理解決跨域問(wèn)題

    詳解Vue-cli代理解決跨域問(wèn)題

    本篇文章主要介紹了Vue-cli代理解決跨域問(wèn)題,詳細(xì)的介紹了Vue如何設(shè)置代理,具有一定參考價(jià)值,有興趣的可以了解一下
    2017-09-09
  • proxy代理不生效以及vue?config.js不生效解決方法

    proxy代理不生效以及vue?config.js不生效解決方法

    在開(kāi)發(fā)Vue項(xiàng)目過(guò)程中,使用了Proxy代理進(jìn)行數(shù)據(jù)劫持,但是在實(shí)際運(yùn)行過(guò)程中發(fā)現(xiàn)代理并沒(méi)有生效,也就是說(shuō)數(shù)據(jù)并沒(méi)有被劫持,這篇文章主要給大家介紹了關(guān)于proxy代理不生效以及vue?config.js不生效解決方法的相關(guān)資料,需要的朋友可以參考下
    2023-11-11
  • vue中組件的3種使用方式詳解

    vue中組件的3種使用方式詳解

    這篇文章主要給大家介紹了關(guān)于vue中組件的3種使用方式,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • 如何給element添加一個(gè)抽屜組件的方法步驟

    如何給element添加一個(gè)抽屜組件的方法步驟

    這篇文章主要介紹了如何給element添加一個(gè)抽屜組件的方法步驟,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-07-07
  • Vue自定義實(shí)現(xiàn)一個(gè)消息通知組件

    Vue自定義實(shí)現(xiàn)一個(gè)消息通知組件

    這篇文章主要為大家詳細(xì)介紹了如何利用Vue自定義實(shí)現(xiàn)一個(gè)消息通知組件,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,有需要的小伙伴可以參考下
    2024-03-03
  • vue+iview 兼容IE11瀏覽器的實(shí)現(xiàn)方法

    vue+iview 兼容IE11瀏覽器的實(shí)現(xiàn)方法

    這篇文章主要介紹了vue+iview 兼容IE11瀏覽器的實(shí)現(xiàn)方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2019-01-01
  • vue中如何給多個(gè)按鈕動(dòng)態(tài)添加類(lèi)名

    vue中如何給多個(gè)按鈕動(dòng)態(tài)添加類(lèi)名

    這篇文章主要介紹了vue中如何給多個(gè)按鈕動(dòng)態(tài)添加類(lèi)名問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-11-11
  • vue項(xiàng)目實(shí)現(xiàn)分頁(yè)效果

    vue項(xiàng)目實(shí)現(xiàn)分頁(yè)效果

    這篇文章主要為大家詳細(xì)介紹了vue項(xiàng)目實(shí)現(xiàn)分頁(yè)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-03-03
  • vue操作select獲取option值方式

    vue操作select獲取option值方式

    文章介紹了在Vue中操作select元素并實(shí)時(shí)獲取選中的option值的方法,通過(guò)使用`@change`事件并傳遞參數(shù),可以實(shí)現(xiàn)動(dòng)態(tài)獲取選中的值
    2025-01-01

最新評(píng)論

武强县| 奉新县| 慈溪市| 南岸区| 吉首市| 屯门区| 大洼县| 泗水县| 汉寿县| 马公市| 色达县| 那曲县| 格尔木市| 从化市| 陇西县| 正宁县| 鹰潭市| 偃师市| 潜山县| 东宁县| 高陵县| 武鸣县| 沁源县| 拉萨市| 石楼县| 九寨沟县| 贞丰县| 宿迁市| 剑阁县| 沅江市| 精河县| 昌邑市| 彭阳县| 慈利县| 日土县| 金华市| 湖南省| 宿迁市| 筠连县| 太保市| 东源县|