vue在获取某一个div的大小,怎么确保div渲染好,内容撑开后才去获取大小
vue在获取某一个div的大小,怎么确保div渲染好,内容撑开后才去获取大小
正常情况下,我们会在mounted钩子中使用document.getElementById(“xxx”).getBoundingClientRect()去获取id为xxx的这个div的大小信息。但有时候div里面是一个表格,还没渲染好,这时候就需要使用
this.$nextTick(() => {var tablebox1 = document.getElementById("xxx").getBoundingClientRect()});
如上所示,使用this.$nextTick包裹的代码会在页面完全渲染完成之后才去执行里面的代码,获取div的大小信息。
