单位名称/个人姓名{{ 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')" 该如何在代码中解决 代码显示出来
内容:这个错误的原因是在渲染模板时,dataList 中的某个属性值为 null,而在模板中使用了这个属性值,导致无法读取属性。需要在模板中使用 v-if 判断这个属性值是否存在,如果不存在,则不渲染该元素或者显示一个默认值。例如:
<span>单位名称/个人姓名</span><span style="float: right;" v-if="dataList.peer_name">{{ dataList.peer_name }}</span><span style="float: right;" v-else>无</span>