如何实时监听很多组（两个动态生成的id组成的对象），并触发axios请求另一个值

Question

我这个项目是先选择资源位，然后不同的店铺（如行业店铺定向、店铺型定向等）下面就有了选的这多个资源位，每个店铺下的资源位是相同的，然后根据店铺的id和资源位的id触发axios请求市场平均参考价格，如图：

我试过用computed处理，然后用闭包传参，但是发现computed不能用axios请求我要的平均价格，后来我搜到一个大牛写的asyncComputed，这个解决了我想要的computed和axios搭配使用，但是遇到个问题就是我请求接口以后return不回到页面

HTML代码：

<span class="gray-span">市场平均价格{{computedAverage(2097152,val.adzone_id)}}元</span>
Js代码：
asyncComputed: {
    computedAverage:{//市场平均价格
      get () {
        return function(itemId,resourceId) {//闭包传值
          this.$axios.get('/zuanzhan/price/suggest', {
            params: {
              target_type: itemId,
              adzone_id: resourceId
            }
          }).then((res)=>{
            console.log(res.data.data.price)//可以获取到平均价格
            return res.data.data.price//页面只显示一个‘{}’
          })
        }
      },
    }
  },

想问下大家有没有遇到过类似的情况，可以使用computed传参且用axios请求的，或者还有别的什么好的思路也请大家教教我，谢谢了

Answer 1

computedAverage写methods中