07-element-resize-detector 监听元素宽度变化
使用简单示例:
下面是放入了一个mixins文件作为混入使用:
import elementResizeDetectorMaker from 'element-resize-detector'
export default {
methods: {
// 监听某个div的宽度变化
resizeBox(divMonitor) {
const erd = elementResizeDetectorMaker()
// this.$nextTick(() => {
erd.listenTo(divMonitor, el => {
console.log(el)
if (el.scrollWidth > el.offsetWidth) {
// 超出了
return true
} else {
// 没超出
return false
}
})
// })
}
}
}
使用时:
resizeBox(要被监控的元素)