Javascript VueJS总和透视表

我正在学习VueJS，并且正在移植我在Laravel中编写的一个非常简单的应用程序，使用blade作为模板引擎

我保留了现有的后端，它由一个简单的RESTfulAPI组成，包含3个表：Books、place和pivot Books\u Places

json如下所示：

books:
{
  "id": 1,
  "title": "foo bar",
  "places": [
    {
      "id": 1,
      "name": "library 1",
      "pivot": {
        "book_id": "1",
        "place_id": "1",
        "quantity": "50",
        "id": 1
      }
    },
    {
      "id": 2,
      "name": "library 2",
      "pivot": {
        "book_id": "1",
        "place_id": "2",
        "quantity": "75",
        "id": 2
      }
    }
  ]
}

在《刀锋》中，我将下面这句话融入了一个“书中有书”的循环中，我喜欢它，因为它简单：

{{ $book->places->sum('pivot.quantity') }}

我正试图在VueJS中实现同样的功能，但不确定最简单的方法是什么，我非常感谢您的意见

---

谢谢

您可以创建一种方法，使用以下方法汇总数量：

注意：由于您的

数量是一个字符串，因此需要将其转换为数字（例如使用
Number（）
）

然后，您可以使用
v-text
在模板中访问它，例如：

<div v-for="book in books">
    <div v-text="sumOfQuantities(book)"></div>
</div>

您可以创建一种方法，使用以下方法汇总数量：

注意：由于您的
数量是一个字符串，因此需要将其转换为数字（例如使用
Number（）
）

然后，您可以使用
v-text
在模板中访问它，例如：

<div v-for="book in books">
    <div v-text="sumOfQuantities(book)"></div>
</div>