在vue中监听元素的宽度发现变化执行方法写出代码

可以使用Vue.js的watch属性来实现，示例代码如下：<template>
<div>
<div ref="element" :style="styleObject">
<!-- 内容 -->
</div>
</div>
</template><script>
export default {
data() {
return {
styleObject: {
width: '200px'
}
};
},
watch: {
'styleObject.width'(newWidth) {
console.log('Element width changed to', newWidth);
}
},
methods: {
//...
},
mounted() {
this.$watch(() => {
return this.$refs.element.offsetWidth;
}, newWidth => {
this.styleObject.width = newWidth + 'px';
});
}
};
</script>