Laravel + 刀片上@foreach 內的 Vue 負載組件

Question

晚安

我的 home.blade.php 中有下一個 @foreach

 @foreach($User as $User1) <tr> <td>{{$User1->name}}</td> <td>{{$User1->email}}</td> <td>{{$User1->pais}}</td> <td>{{$User1->status}}</td> <td> <div id='app'> <calculadora-component></calculadora-component> </div> </td> </tr> @endforeach

但是 calculadora-component 不適用於@foreach，我該怎么做？

這是我目前的 vue 組件，

 <template> <div id="app"> <select v-on:change="onSelectOption($event)" class="form-control" name="status"> <option value="" disabled selected hidden>Seleccionar una Opción</option> <option value="Activo" selected>Activo</option> <option value="Inactivo">Inactivo</option> </select> </div> </template>

Answer 1

您必須將該 foreach 循環包裝到具有應用程序 ID 的 div 中，如下所示：

<div id='app'>
@foreach($User as $User1)
        <tr>
    <td>{{$User1->name}}</td>
        <td>{{$User1->email}}</td>
        <td>{{$User1->pais}}</td>
            <td>{{$User1->status}}</td>
    <td>
<div>
    <calculadora-component></calculadora-component>
</div>
    </td>
        </tr>
@endforeach
</div>