Buefy开关不适用于行

Question

我在一个循环中获取一些结果然后输出到一个表中 - 但是当应用一个＆＃39;开关＆＃39;来自Buefy（Bulma UI工具包）的元素，它只会将它应用于行中的第一个项目，而不是任何后续项目。

以下是我的循环HTML：

        <?php
        $query = $conn->prepare("SELECT * 
                                 FROM dashboard");
        $query->execute();
        $result = $query->fetchAll();
        ?>

<div class="container">
    <div class="wrapper">
        <div class="dashTable">

        <div class="header">
            <div class="col">Name</div>
            <div class="col">Status</div>
            <div class="col">Created</div>
            <div class="col">Options</div>
        </div>

<?php foreach($result as $row){ ?>
        <div class="body">


            <div class="col">
            <a title="View New Dashboard" href="../loading.php?dashboard_id=50">
                <?php
                 echo $row['name'];
                 ?>
            </a>
            </div>

            <div class="col">
                <!-- CLICK TO UPDATE STATUS -->
                status
                <div id="app1">
                <template>
                    <section>
                        <div class="field">
                            <b-switch v-model="isSwitchedCustom"
                                true-value="Active"
                                false-value="Inactive" type="is-success">
                                {{ isSwitchedCustom }}
                            </b-switch>
                        </div>
                    </section>
                </template>
                </div>
            </div>

            <div class="col"><?php echo date( 'd-m-Y', strtotime($row['created_at']) ); ?></div>
            <div class="col">
                <span class="tag is-warning is-medium">
                  Edit
                </span>
                <span id="confirm-delete" class="tag is-danger is-medium" @click="confirmCustomDelete">
                  Delete
                </span>
            </div>

        </div>  
        <?php } ?>
    </div>
</div>
</div>

我只是不确定为什么在第一次之后它不适用于所有行？