Vue处理接口数据时for循环处理后 vue不能实时渲染

//用map即可  原理我也不清楚  有想法的话希望各位指定一下
 const res = await getdashboardData();
      if (res.code == 200) {
       let tname = ["账户余额","冻结金额","可提现金额","提现中金额","今日充值","今日收入","分区数量","等待下发"];
        this.dataInfo = res.data.map(function (item, i) {
         item.tname = tname[i];//将数组数据合并
          item.background = {
            background: 'url(' + require('../../assets/dashboard/icon' + (i + 1) + '.png') + ')',
            backgroundRepeat: 'no-repeat',
            backgroundSize: 'cover'
          }
          return item
        })
      }