Javascript vue中的范围返回[对象承诺]

我在vue组件的

表中启动函数
getOrderCount
，他只返回我表中一列的订单数量

<div v-html="getOrderCount(user.orders_url)"></div>



异步getOrderCount（链接）{
const count=wait this.getOrderCount（链接）；
返回`${count}`
},

但是为什么我的桌子上不是

数字

，而是

对象承诺

？

---

感谢您的帮助和解决方案

异步函数始终返回承诺。如果您返回数字1，它实际上将返回一个解析为数字1的承诺

我希望这个例子能给你启发如何解决你的问题

<template>
   <div>{{count}}</div>
</template>

<script>
    async getOrderCount(link) {
   const count = await this.getOrderCount(link);
   return `<span class="p-1">${count}</span>`
},

export default {
   data() {
      return {
         orderCount: 0
      }
   },
   async created () {
      this.count = await this.getOrderCount(this.props.link);
   }
}
</script>

{{count}}
异步getOrderCount（链接）{
const count=wait this.getOrderCount（链接）；
返回`${count}`
},
导出默认值{
数据（）{
返回{
订单数量：0
}
},
异步创建（）{
this.count=等待this.getOrderCount（this.props.link）；
}
}

这是因为您在该方法中包含一个无法立即呈现的请求..而且您正在递归调用它..不，我不能这样做，因为我必须通过组件中的

v-html

启动我的函数，因为我需要为表中的每个提供一个完整的代码示例，我相信一旦我了解了全部情况，我会帮你的。正如你所知，当你在某人的评论中添加-1时，这会损害他们的声誉积分。这很好，但既然我们还在讨论，而我还在努力帮助你，也许你不应该那么快就开始：——）

<template>
   <div>{{count}}</div>
</template>

<script>
    async getOrderCount(link) {
   const count = await this.getOrderCount(link);
   return `<span class="p-1">${count}</span>`
},

export default {
   data() {
      return {
         orderCount: 0
      }
   },
   async created () {
      this.count = await this.getOrderCount(this.props.link);
   }
}
</script>