Vue访问加载本地Json时，使用模版语法会遇到的小问题

这两天在公司做

html（部分）?

    
    
         
     
        
      {
   {res[2].name}}        
      {
   {res[2].copies_coin}}USDT/份        
      含{
   {res[2].copies_amount}}YCC/份        
      预计年化产率{
   {res[2].annual_yield}}%        
      预计产量        
      (YCC/天)        
      {
   {res[2].basic_yield}}        
      +{
   {res[2].presented_yield}}    
     
    

Data()?

data(){        return{            datas:'',            res:'',        }    },

methods()?

getData(){    let url = 'http://192.168.33.200/pre-cloud-miner.json'    ajax(this,url,'',(response)=>{        this.datas = eval('('+response+')');        this.res = this.datas[90];        console.log(this.res[0].name)    },"GET")}

结果console.log显示A090，正确，但是却报错：

网上查询发现原因是获取本地json文件是异步操作，一开始res为' '空字符串，所以会报res.name为undefined。解决办法有两种：

1 . 初始定义res时，就把属性设置好，不要做空字符串或者是空对象，空数组。

res:[{},{},{}],        //因为后台返回的数据格式就是这样，这样再刷新页面就不会报错了

2 . 用v-if解决：

    
    
     {
   {res[2].name}}    
     {
   {res[2].copies_coin}}USDT/份    
     含{
   {res[2].copies_amount}}YCC/份    
     预计年化产率{
   {res[2].annual_yield}}%    
     预计产量    
     (YCC/天)    
     {
   {res[2].basic_yield}}    
     +{
   {res[2].presented_yield}}