值类型错误提示,求帮忙

海洋之蓝
  • 137

image.png

有个接口调用后返回这样的一堆数据,使用

{{company.group_id}}
</div>
<div>
{{company.info.addr}}
....
<script>
    import axios from 'axios';

    export default {
        name: "page",
        data() {
            return {
                company: [],
.....
that.company = res.data.data;

在控制台报错:
image.png
但是这个{{company.info.addr}}也可以把值显示出来,在JS中有什么办法解决掉这个问题?

回复
阅读 373
2 个回答
data(){
    return {
        company:{
            info:{}
        }
    }
}

data 在初始化过程中并没有 你要的 info 字段,所以才有报错,
两种解决办法

  1. 默认值给指定的数据格式
  2. 通过计算属性把要展示的数据封装一层,在计算属性的方法内部做容错处理
你知道吗?

宣传栏