首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Laravel Livewire :检测到多个根元素

Laravel Livewire :检测到多个根元素
EN

Stack Overflow用户
提问于 2022-05-17 06:13:16
回答 4查看 473关注 0票数 0

我目前正在开发一个使用livewire的网站

该网站有一个多站点表单页面,并且在该多站点表单页面的内部有一个动态下拉列表。

问题是,当表单被填充时,它不会将数据存储到数据库中

当我检查网站时,有一个错误是:livewire多根元素检测到了

我该怎么解决这个??

真人线模型:

代码语言:javascript
代码运行次数:0
运行
复制
<?php

namespace App\Http\Livewire;

use Livewire\Component;
use App\Models\Kredit;
use App\Models\Biaya;
use App\Models\Produk;
use App\Models\Promo;
use App\Models\Motorcycle;
use App\Models\MotorcycleBrand;
use App\Models\Domisili;

class KreditMulti extends Component
{
    public $brand_id;

    public function render()
    {
        $domisilis = Domisili::all();
        // $motorcycles = Motorcycle::all();
        // $motorcycle_brands = MotorcycleBrand::all();

        //for the dynamic dropdown
        if($this->brand_id){
            $motorcycle_brands = MotorcycleBrand::where('motorcycle_id', $this->brand_id)->get();
        } else {
            $motorcycle_brands = [];
        }

        return view('livewire.kredit-multi',
        ['domisilis'=>$domisilis])
                ->withMotorcycles(Motorcycle::all())
                ->with('motorcycle_brands', $motorcycle_brands);
    }
}

活丝刀片php:

代码语言:javascript
代码运行次数:0
运行
复制
<div class="form-group row">
            <label for="motorcycle" class="col-md-4">Merek motor</label>
            <div class="col-md-6">
                <select wire:model="brand_id" class="form-control">
                    <option value="" selected>Choose Motor</option>
                    @foreach ($motorcycles as $m)
                        <option value="{{$m->id}}">{{$m->motorcycle_name}}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <br>
        @if (count($motorcycle_brands) > 0)
            <div class="form-group row">
                <label for="motorcycle_brand" class="col-md-4 col-form-label text-md-right">Jenis Motor</label>
                <div class="col-md-6">
                    <select class="form-control" name="motorcycle_brand_id">
                        <option value="" selected>Choose the motor version</option>
                        @foreach ($motorcycle_brands as $motor)
                            <option value="{{$motor->id}}" wire:key="motorcycle_brand{{$motor->id}}">{{$motor->motorcycle_brand_name}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        @endif
        <br>
EN

回答 4

Stack Overflow用户

发布于 2022-06-10 16:41:20

所有活线组件都必须以<div>开始,以</div>结束。实际上,您必须将整个<div></div>包到一个<div></div>中。

票数 1
EN

Stack Overflow用户

发布于 2022-05-19 06:46:18

这个错误是尽可能精确的。Livewire组件只能拥有一个单根元素。相反,您要添加2,包括两个中断。

将整个组件包装到一个<div></div>中,然后应该修复它。

票数 0
EN

Stack Overflow用户

发布于 2022-06-11 23:15:19

您的刀片代码有几个根

代码语言:javascript
代码运行次数:0
运行
复制
1.- <div class="form-group row"....>
2.-  <br>
3.-  @if (count($motorcycle_brands) > 0)...@endif
4.- <br>

把所有的东西都放在一个根中。

代码语言:javascript
代码运行次数:0
运行
复制
<div>
   <div class="form-group row"....>
   <br>
   @if (count($motorcycle_brands) > 0)...@endif
   <br>
</div>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72268963

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档