文章讲述了在ElementPlus的el-table组件中使用v-if可能导致线上报错的问题，原因在于数据处理时未做非空判断。提供了两种解决方案：一是修正column中的方法，二是添加if判断。还提及了使用js可选链作为替代方法来避免空指针异常。
经排查是element-plus的el-table组件，如果v-if使用不当，更到线上就会报错，如下图：
本地调试是正常的，经反复调试发现，是cloumn中使用了一个方法，但这个未对数据进行非空判断造成的。
这是错误写法：
改变后的正确写法：
如果不想改变模块，也可以在方法中套一层if判断，值为true时才操作：
完美解决！
网上也有一些方案是说因为在cloumn中使用了v-if的判断，造成了空指针，此种情况可以使用js可选链解决例如下图，本章不做过多赘述。
<div v-if="_data.form.files?.file"></div>
3156
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
