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组件不能与@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>

刀片上@foreach内的Laravel + Vue负载组件

1 个答案: