同行友情组织信息列表 - 详细展示 - 常规

单位名称/个人姓名{{ 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')"  该如何在代码中解决 代码显示出来

内容：这个错误是因为在渲染页面时，访问了一个空值的属性。在你的情况下，可能是因为在调用 getDetail() 方法之前，dataList 数组为空，所以在渲染页面时，访问 dataList 中的属性会报错。

解决方法是在渲染页面之前，先将 dataList 数组初始化为空数组，即在 data() 方法中添加如下代码：

data() { return { value: '', activeName: '', dataList: [], // rest of your data }; }

这样，即使在调用 getDetail() 方法之前，dataList 数组也不会为空，渲染页面时就不会出现上述错误。