VUE API返回值的第一个坑,data对象赋值出现TypeEr

2018-12-22  本文已影响0人  卡地亚克思

错误来源:vue获取异步返回数据存在对象下有对象 的情况

data:{
    user:{
        name:'xxx',
        us:{
              name:'xxx'
        }
},
    goods:{
        name:'xx'
}
}

怎么回事呢?
答:因为异步返回赋值的时候 赋值给 data 数据的信息是不带有 子对象类型标识 所以要在data 中先定义子对象名称并确定为对象类型,这样才可以保证不报错,

解决办法

        //有多少子对象设置几个对应名称的子对象
        data() {
            return {
                //指定的数据
                us: {
                    user:{
                        user:{
                         }
                    }
                },
                ub: {
                    user:{}
                },
            }
        },
上一篇 下一篇

猜你喜欢

热点阅读