我的组件中有以下代码：
computed: {
gridWidth() { return (this.$el && this.$el.offsetWidth) },
gridHeight() { return (this.$el && this.$el.offsetHeight) },
},
mounted(){
console.log(this.$el && this.$el.offsetWidth, this.gridWidth, this.$el && this.$el.offsetHeight, this.gridHeight)
},
控制台输出是：
1766 undefined 931 undefined
为什么计算属性未定义？
以正确的方式成为观察者吗？为什么以及如何实现？
这基本上与Vue 中的反应性如何工作有关。默认情况下，您的 DOM 不会持续提供更新的值。
您可以使用vm.$nextTick和vm.$watch在渲染完成后基本上附加一个观察者，或者您可以使用一个小型库，它完全符合您的要求：
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句