博客

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

  • Post author:
  • Post category:其他



原因可能是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>```


版权声明：本文为weixin_57011137原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。