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

这样就可以避免在空数组上渲染模板时出现错误了。


原文地址: https://www.cveoy.top/t/topic/oUJx 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录