javascript - Vue - 观察 this.$el.clientWidth 的变化

Question

是否可以观察组件元素 clientWidth (this.$el.clientWidth) 的变化？ 像这样的东西:

 this.$watch(
        () => {
            return this.$el.clientWidth;
        },
        (newWidth, oldWidth) => {
            console.log(newWidth);
        }
    )

Answer 1

我正在调查同样的问题。 我认为依赖于 HTML 生命周期的解决方案在某些情况下是有效的。 如果我现阶段的解决方案能为您服务，我很高兴。

mousemove (e) {
    this.clientWidth = this.$el.clientWidth
}