Cannot read properties of null (reading '$el')

1,233 阅读1分钟

背景:生产环境报错

Cannot read properties of null (reading '$el')

image.png

本地复现:

企业微信截图_64a188f7-3c0e-4d17-87db-c109678204c8.png

image.png

image.png

排查后发现:el-select 和 v-if 同时使用,且v-if的值是计算属性延迟获得,此时会进入select的渲染逻辑,导致获取不到reference.value报错;

本质上:select这个源码写的不够安全,应该对reference.value进行判空处理。element-plus版本:1.2.0-beta.6。 新版本已修复。

解决方法:el-select需要根据计算某一个值展示,这种情况下使用v-show代替v-if。

启发:养成value判空的习惯!让代码更安全!