vue 出现 undefined

Question

数据是这样的

{    
    "id" : 1,    
    "name" : "testName",     
    "info" : {       
      "face" : "xxxxxxx,jpg"
     "mobile" : "xxxxxx"
     }
}

在模板中

{{user.info.mobile}} //这样就报错undefined

只能写成

{{user.info ? user.info.face: ''}}
{{user.info ? user.info.mobile : ''}}  //这样就没毛病了

这样写好麻烦啊 有其他办法吗?

Answer 1

没有太好的办法吧，你可以写一下方法单独处理这一块的逻辑，封装一下

Answer 2

出现这个原因，是因为请求是异步的吧要么，数据初始化，data的return{     {             "id" : "",              "name" : "",               "info" : {                    "face" : ""              "mobile" : ""      }     } }里面定义个初始化内容,要么在template模版里面 v-if，数据拿到再渲染第一种会闪一下空，然后数据再渲染，第二种是完全等数据下来再渲染