文件名称:v-resize::party_popper:实时监听元素widthheight属性变化的自定义vue指令
文件大小:136KB
文件格式:ZIP
更新时间:2024-06-05 17:39:43
v-resize dom-size watching-dom-size resizeobserve JavaScript
:waving_hand:v-resize 实时监听dom元素尺寸变化的自定义vue指令 Introduction v-resize 是一个能够实时监听dom元素尺寸变化的自定义vue指令, 我们不需要关心是什么引起变化,无论是flexbox弹性计算引起的变化,还是窗口resize均能监听到,甚至通过控制台修改元素的尺寸。 总之只要这个元素的大小发生变化,均能监听到,且性能很好,不需要去轮询元素的大小。 How to do 在支持resizeObserve的浏览器下,我们会优先使用原生resizeObserve来监听变化,否则我们会使用iframe来模拟window的resize事件实现监听 How to use npm install @theshy/v-resize --save //在main.js引入并注册 import vResize from '@theshy/v-resize' Vue.use(vR
【文件预览】:
v-resize-master
----.gitignore(230B)
----package.json(1KB)
----package-lock.json(438KB)
----src()
--------v-resize.js(2KB)
--------index.js(121B)
----. npmignore(65B)
----.travis.yml(205B)
----LICENSE(0B)
----public()
--------index.html(613B)
--------favicon.ico(4KB)
----examples()
--------main.js(230B)
--------App.vue(1KB)
----README.md(2KB)
----vue.config.js(264B)
----lib()
--------v-resize.umd.js.map(35KB)
--------v-resize.umd.js(27KB)
--------v-resize.umd.min.js(10KB)
--------demo.html(184B)
--------v-resize.umd.min.js.map(40KB)
--------v-resize.common.js.map(35KB)
--------v-resize.common.js(27KB)
----babel.config.js(73B)
----deploy.sh(363B)