一个扩展vue的时间,使其可以监听普通元素的resize事件。HTML中如果在窗口或框架被调整大小时发生resize事件,但是元素尺寸变化的时候却没有对应的事件。但是基于js的奇巧淫技可以模拟出这个事件。
模拟的方法主要有两种:监听scroll事件和嵌入object(iframe)。因为object(iframe)很耗费资源,而且会被CSP策略限制,所以vue-element-resize-event选用了第一种方法。
安装
npm install vue-element-resize-event
可以采用插件形式的全局安装:
import Vue from 'vue' import * as ElResize from 'vue-element-resize-event' Vue.use(ElResize)
也可以采用局部安装:
import { elresizeDirective, elresize, } from 'vue-element-resize-event' export default { ... directive: { elresizeDirective, } component: { elresize, }, }