背景:生产环境报错
Cannot read properties of null (reading '$el')
本地复现:
排查后发现: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判空的习惯!让代码更安全!