单位名称/个人姓名{{ 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>