vue 中用this.$refs获取dom元素高度，给element表格设置动态高度

先设置元素的ref，如 <div style="height: 500px" ref="tablewrap" ></div>，要获取该元素高度，必须先给该元素设置css高度

再用  windowgetComputedStyle(this$refstablewrap)height  获取

注意：用this$refs获取dom元素高度，必须在mounted钩子中，如下：

mounted() {

        consolelog(windowgetComputedStyle(this$refstablewrap)height)

}

给element表格设置动态高度，就可以用上述方法

在data中定义变量

最后，在mounted钩子中设置表格的高度

官网文档的说明

也就是说如果使用v-for渲染了元素列表时，如果需要有删除 *** 作时，对key的赋值不能用下标，而是需要提供一个相对唯一的 ‘key’。

比如写成这样，使用splice方法会失效，无论删除哪一条，页面上看到的都是删除最后一项。

因为它采用了‘’就地更新‘’的策略。

解决办法很简单不用index给key赋值，用列数据的id或者其他相对唯一的值

$event：当前触发的是什么事件

$eventtarget:触发事件的元素对象（不一定是绑定事件的对象，会因为事件冒泡变化）

$eventcurrentTarget:绑定事件的元素对象

参考：

vue中关于$event的通俗理解

Vue 点击获得父元素，子元素，兄弟元素（DOM *** 作）

$eventtargetquerySelector('img');

这是基础js啊，还是建议先把基础学扎实了再研究框架吧，官方指南有这么一段我觉得很有道理

官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发，将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧！

以上就是关于vue 中用this.$refs获取dom元素高度，给element表格设置动态高度全部的内容，包括:vue 中用this.$refs获取dom元素高度，给element表格设置动态高度、VUE更新使用 v-for 渲染的元素列表时，默认使用“就地更新”的策略、vue获取当前点击元素的dom对象等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！