vue 获取el-table每一行的高度

最新推荐文章于 2025-06-11 20:04:00 发布

majianen

最新推荐文章于 2025-06-11 20:04:00 发布

阅读量483

点赞数 4

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/majianen/article/details/144053454

<el-table ref='eltableRef' :data='form.tableData'>内容</el-table>
//script
const eltableRef = ref()
const tableRef = eltableRef.value.$el
//找到每一行的class：el-table__row，具体看自己定义的。
const rows = tableRef.querySelectorAll('.el-table__row')
const rowHeight = Array.from(rows).map(item =>{
	return item.clientHeight
})
//将每行高度合成数组输出
console.log(rowHeight)