单位名称/个人姓名{{ item.peer_name ? item.peer_name : '' }}
检索用特征标识字符{{ item.mark_character_retrieval ? item.mark_character_retrieval : '' }}
单位名称曾用名 {{ item.edit_peer_name ? item.edit_peer_name : '' }}
单位类别 {{ item.peer_type ? item.peer_type : '' }}
所属交易平台模块 {{ item.saga_module_id ? item.saga_module_id : '' }}
身份证号码 {{ item.credit_code ? item.credit_code : '' }}
国家 {{ item.peer_nation ? item.peer_nation : '' }}
省州 {{ item.peer_province_state_city ? item.peer_province_state_city : '' }}
地址 {{ item.address ? item.address : '' }}
邮政编码 {{ item.post_code ? item.post_code : '' }}
网站地址 {{ item.web_url ? item.web_url : '' }}
网店 {{ item.web_shop ? item.web_shop : '' }}
公司/个人邮箱 {{ item.company_email ? item.company_email : '' }}
公司/个人电话 {{ item.company_tel ? item.company_tel : '' }}
公司传真 {{ item.company_fax ? item.company_fax : '' }}
录入人 {{ item.input_person ? item.input_person : '' }}
录入时间 {{ item.create_time ? item.create_time : '' }}
营业执照图片 {{ item.business_license_image ? item.business_license_image : '' }}
组织机构代码证图片 {{ item.organizational_structure_code_image ? item.organizational_structure_code_image : '' }}
税务登记证件图像 {{ item.tax_registration_certificates_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 或 undefined，无法读取该属性的属性值。在你的代码中，可能是因为 getDetail 方法返回的数据中某些属性的值为 null 或 undefined，导致在渲染组件时无法读取该属性的属性值。
为了解决这个问题，你可以在渲染组件时加入一个条件判断，判断某些属性是否存在或者是否为 null 或 undefined，如果存在则显示该属性的属性值，否则不显示。例如：
<div v-for='item in this.dataList' style='margin: 0 10px;'>
<el-divider class='el-divider'></el-divider>
<span>单位名称/个人姓名</span><span style='float: right;'>{{ item.peer_name ? item.peer_name : '' }}</span>
<el-divider class='el-divider'></el-divider>
<span>检索用特征标识字符</span><span style='float: right;'>{{ item.mark_character_retrieval ? item.mark_character_retrieval : '' }}</span>
<!-- 其他属性的判断和显示 -->
</div>
这样，如果某个属性的值为 null 或 undefined，就不会报错了，而是显示一个空字符串。