alpine.js - 如何对两个数字求和并在 alpine JS 的第三个框中显示结果？

Question

我正在研究需要将两条记录的总数显示到第三个框中的功能。我有一个循环，在那个循环内，我有多个记录。

这是我的代码

<template x-for="record in records">
    <tr>
        <td class="text-right" x-text="record.one"></td>
        <td class="text-right" x-text="record.two"></td>
        <td class="text-right"></td>
    </tr>
</template>

有没有办法将第三个 td 中的总数显示为x-text？像这样的东西

<template x-for="record in records">
    <tr>
        <td class="text-right" x-text="record.one"></td>
        <td class="text-right" x-text="record.two"></td>
        <td class="text-right" x-text="record.one + record.two"></td>
    </tr>
</template>

标签： alpine.js