VUE报错TypeError: Cannot read properties of null (reading 'name')

报错如下：

错误代码：

searchList() {
      this.entity = {}
      this.edit = null
      
      let query = {}
      query.traceCode = this.code
      this.loading = true
      codeApi.queryTraceCode(query).then(res => {
        ...
      }, err => {
        console.error(err)
      }).finally(() => {
        this.loading = false
      })
    },

数据模型：

data() {
    return {
      edit: {
        name: '',
        prepnSpec: null,
        pkgSpec: null,
        expiryTem: null,
        approvalLicenceNo: null,
        produceDate: null,
        expiryDate: null,
        batchNo: null,
        produceEntName: null,

      },

    }
  },

问题原因：将null赋值给对象。

解决办法：

searchList() {
      this.entity = {}
      this.edit = {}
      
      let query = {}
      query.traceCode = this.code
      this.loading = true
      codeApi.queryTraceCode(query).then(res => {
        ...
      }, err => {
        console.error(err)
      }).finally(() => {
        this.loading = false
      })
    },

 

---

感谢您的阅读，如果您觉得阅读本文对您有帮助，请点一下“推荐”按钮。本文欢迎各位转载，但是转载文章之后必须在文章页面中给出作者和原文连接。