プロジェクトカスタムコマンドV-リサイズリスナーブラウザの高さ

NPM要素サイズ変更検出器を設置
VAR erdUltraFast = elementResizeDetectorMaker({ 
  戦略: "スクロール" // < -推奨超高速スクロールモード 
})。
// カスタムVUEリサイズコマンドV 
「lodash-ES」からインポートデバウンス{} 
からインポートelementResizeDetector「リサイズ検出器要素」
  // Nミリ秒に呼び出される関数のデバウンス操作、動作が実行されますこのnミリ秒とは、呼び出した場合、このアクションは実行時間を再計算します。
_bind =一定(EL、バインディング)=> { 
  LET debounceMillisecond = parseFloatは(binding.arg)
  debounceMillisecond = debounceMillisecond> 0 debounceMillisecond :? 300
 // デバウンスデバウンス三つのパラメータ
/ * 
* 1.binding.value結合素子
* 2フリータイム、一見秒数後に行われる
。* 3つの設定パラメータ
* / 
  el._v_resize = デバウンス(binding.value、debounceMillisecond、{
     'リーディング':trueに//超时之前 
    '末尾': // 超时之后
  })
} 
エクスポートデフォルト{ 
  バインド(EL、結合){ 
    _bind(EL、結合)
    // スクロール戦略はIE9でサポートされていません。それは、自動的にオブジェクトの戦略に変更されます。
// 为了兼容IE9 
    el._v_resize_detector = el._v_resize_detector || elementResizeDetector({戦略: 'スクロール' })
 // 监听EL的宽度和高度 
    el._v_resize_detector.listenTo(EL素子=> { 
      el._v_resize({ 
        幅:el.offsetWidth、
        高さ:el.offsetHeight 
      })
    }) 
  }、
  アップデート(EL、結合){
    場合(binding.value!== binding.oldValue){
       削除el._v_resize 
      _bind(EL、結合を)
    } 
  }、 エル結合)アンバインド{ 
    el._v_resize_detector.uninstall(EL)が
    削除el._v_resize_detector
     削除el._v_resizeを
  } 
}

 カスタム使用

高さへの最も外側のdivの高さ:100%

おすすめ

転載: www.cnblogs.com/joer717/p/10950838.html