element 表格打包部署报错Cannot read properties of null (reading ‘insertBefore‘)

183 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。
原因可能是el-table-column渲染时报错

  <el-table-column
            align="center"
            v-for="(item,index) in tableTitle"
            :key="TableKey+index"
            show-overflow-tooltip
            :label="tableTitle[index]"
          >
            <template #default="scope">
              <div>{{tableData[scope.$index][index]}}</div>
            </template>
  </el-table-column>

指的是 tableData[scope.$index][index] 值没有找到,导致虚拟Dom渲染出错 项目没有打包前没有该问题,打完包出现Cannot read properties of null (reading 'insertBefore')错误 在div标签中加一个判断即可

     <el-table-column
            align="center"
            v-for="(item,index) in tableTitle"
            :key="TableKey+index"
            show-overflow-tooltip
            :label="tableTitle[index]"
          >
            <template #default="scope">
              <div v-if="tableData[scope.$index]">{{tableData[scope.$index][index]}}</div>
            </template>
          </el-table-column>```