单位名称/个人姓名{{ item.peer_name }} 检索用特征标识字符{{ item.mark_character_retrieval }} 单位名称曾用名 {{ item.edit_peer_name }} 单位类别 {{ item.peer_type }} 所属交易平台模块 {{ item.saga_module_id }} 身份证号码 {{ item.credit_code }} 国家 {{ item.peer_nation }} 省州 {{ item.peer_province_state_city }} 地址 {{ item.address }} 邮政编码 {{ item.post_code }} 网站地址 {{ item.web_url }} 网店 {{ item.web_shop }} 公司/个人邮箱 {{ item.company_email }} 公司/个人电话 {{ item.company_tel }} 公司传真 {{ item.company_fax }} 录入人 {{ item.input_person }} 录入时间 {{ item.create_time }} 营业执照图片 {{ item.business_license_image }} 组织机构代码证图片 {{ item.organizational_structure_code_image }} 税务登记证件图像 {{ item.tax_registration_certificates_image }}
data() { return { value: '', activeName: '', dataList: [], form: { id: 346 }, loading: false, }; }, mounted() { this.getDetail() }, methods: { async getDetail() { this.loading = true; const data = await getDetail(this.form.id); if (data) { this.dataList = data; console.log(this.dataList.org_type); }
        this.loading = false;
    },这段代码一直报这样的错 Error in render: "TypeError: Cannot read properties of null (reading 'peer_name')"  该如何在代码中解决 代码显示出来

内容:这个错误表示在渲染过程中代码试图访问一个值为 null 的属性。在你的代码中,可能是在 getDetail() 方法中,当 data 为 null 时,你仍然试图将其赋值给 this.dataList,导致在模板中访问 dataList 中的属性时出错。

为了解决这个问题,你可以在 getDetail() 方法中检查返回的数据是否为 null,如果是,则不更新 dataList。例如:

async getDetail() {
  this.loading = true;
  const data = await getDetail(this.form.id);
  if (data) {
    this.dataList = data;
  }
  this.loading = false;
},

在模板中,你可以使用 v-if 指令来检查 dataList 是否为 null,例如:

<div v-if="dataList" v-for="item in dataList" style="margin: 0 10px;">
  ...
</div>

原文地址: https://www.cveoy.top/t/topic/oUIZ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录