vue实现动态监测元素高度
作者：并非
这篇文章主要介绍了vue实现动态监测元素高度方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue动态监测元素高度
在 Vue 中，你可以使用 Vue 的计算属性和侦听器来动态监测元素的高度。
首先：
你需要在计算属性中定义一个方法来获取元素的高度，然后在侦听器中监测元素的高度是否发生变化。
例如：
computed: {
elementHeight() {
return this.$refs.myElement.offsetHeight
}
},
watch: {
elementHeight(newHeight, oldHeight) {
// 当元素的高度发生变化时，这里的代码会被执行
}
}这样，你就可以在元素的高度发生变化时执行相应的代码了。
vue动态设置元素的高度
1. 添加样式绑定
<div class="container" :style="{height: scrollerHeight}">
</div>2. 添加属性计算
computed: {
// 滚动区高度
scrollerHeight: function() {
return (window.innerHeight - 50) + 'px'; //自定义高度需求
}
}总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。