单位名称/个人姓名{{ 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)的属性。根据你提供的代码,可能是因为在初始渲染时 this.dataList 是一个空数组,所以在模板中访问 item.peer_name 等属性时会报错。你可以添加一个条件,只有在 this.dataList 不为空时才渲染模板:
<div v-if="dataList.length" v-for="item in dataList" style="margin: 0 10px;">
<!-- 模板内容 -->
</div>
这样就可以避免在空数组上渲染模板时出现错误了。