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

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