<div class="overflowBox" v-resize="handleResize" ref="overflowBox" />
handleResize({ width, height }) {
let heights = height.split(".")[0];
console.log("height", heights.split("p")[0]);
},
let div = this.$refs.overflowBox;
this.$nextTick(() => {
div.scrollTop = div.scrollHeight;
});
export const resize = {
inserted(el, binding) {
let width = "",
height = "";
function isReize() {
const style = document.defaultView.getComputedStyle(el);
if (width !== style.width || height !== style.height) {
binding.value({ width: style.width, height: style.height });
}
width = style.width;
height = style.height;
}
el.__vueSetInterval__ = setInterval(isReize, 300);
},
unbind(el) {
clearInterval(el.__vueSetInterval__);
},
};