Error in nextTick: “TypeError: Cannot read property ‘style‘ of undefined“的报错原因之一及解决办法

一 . 报错场景

vue项目中用element-ui

经过排查，发现是el-table处发生的报错，相关代码如下：

<tempalte><div class="message"><el-table :max-height="getTableHeight" :data="tableData3" stripe tooltip-effect="dark"> <el-table-column prop="account" label="账号"></el-table-column><el-table-column prop="nickName" label="昵称"></el-table-column><el-table-column prop="phone" label="手机号"></el-table-column></el-table></div>
</tempalte><script>data() {return {screenHeight: document.body.clientHeight,}},mounted() {window.onresize = () => {this.screenHeight = document.body.clientHeight}},computed: {getTableHeight() {return this.clientHeight- 380}}
</script>

仔细的检查以后，我发现是由于我的变量写错了，此处应为screenHeight，如下图

修改之后就解决了问题

二. 后续

仔细看报错，其实报错里面已经告诉我们大概在哪个部分出错，如下图：（设置高度的地方）

一般报这种错误的时候，基本都是由于自己不细心，少写、多写、写错造成的，仔细看下错误，根据报错

找对应的地方，你就会很快解决问题的。