vue 响应式dom监听
CSS Element Queries
基于vue 监听到dom 尺寸变化的组件
// 安装
npm install css-element-queries --save
// 引用
// 1、全局引用 main.js
import ResizeSensor from "css-element-queries/src/ResizeSensor";
import ElementQueries from 'css-element-queries/src/ElementQueries';
Vue.prototype.ResizeSensor = (el, cb) => {
new ResizeSensor(el, cb)
}
// 2、使用 index.vue
<template>
<div ref="main"></div>
</template>
mounted() {
this.ResizeSensor(this.$refs.main, function() {
console.log('尺寸变化了');
});
}