原文地址:http://www.reibang.com/p/b9004cb2fa2c
導入npm install element-resize-detector
1.可以瀏覽器統(tǒng)一導入 如放到index.html
<scriptsrc="node_modules/element-resize-detector/dist/element-resize-detector.min.js"></script>
2.也可以在vue中導入
如在
monted(){varelementResizeDetectorMaker=require("element-resize-detector");//導入// 創(chuàng)建實例varerd=elementResizeDetectorMaker();// 創(chuàng)建實例帶參varerdUltraFast=elementResizeDetectorMaker({strategy:"scroll",//<- For ultra performance.callOnAdd:true,debug:true});//監(jiān)聽id為test的元素 大小變化erd.listenTo(document.getElementById("test"),function(element){varwidth=element.offsetWidth;varheight=element.offsetHeight;console.log("Size: "+width+"x"+height);});}
3.erd實例方法
RemoveListener(element畸肆,listener)
從元素中移除偵聽器楣号。
RemoveAllListener(element)
從元素中移除所有偵聽器仍源,但不完全刪除檢測器袁翁。如果以后可能會添加偵聽器朗鸠,并且不希望檢測器再次初始化乱凿,請使用此函數顽素。
uninstall(element)
完全刪除檢測器和所有偵聽器。
作者:一葉知秋_038b
鏈接:http://www.reibang.com/p/b9004cb2fa2c
來源:簡書
著作權歸作者所有徒蟆。商業(yè)轉載請聯(lián)系作者獲得授權胁出,非商業(yè)轉載請注明出處。