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，数据拿到再渲染
第一种会闪一下空，然后数据再渲染，第二种是完全等数据下来再渲染