gpt4 book ai didi

laravel - 为什么 Laravel-livewire 'wire:model' 不工作?

转载 作者:行者123 更新时间:2023-12-05 06:56:48 26 4
gpt4 key购买 nike

我正在使用 Laravel 8。

我的 Livewire Controller

<?php

namespace App\Http\Livewire;

use Livewire\Component;

class SearchDropdown extends Component
{
public $search = 'hello there';
public function render()
{
return view('livewire.search-dropdown');
}
}

带电 Blade

<div class="relative mt-3 md:mt-0">
<input wire:model="search" type="text" class="bg-gray-800 text-sm rounded-full w-64 px-4 pl-8 py-1 focus:outline-none focus:shadow-outline" placeholder="Search">
<div class="absolute top-0">
<svg class="fill-current w-4 text-gray-500 mt-2 ml-2" viewBox="0 0 24 24"><path class="heroicon-ui" d="M16.32 14.9l5.39 5.4a1 1 0 01-1.42 1.4l-5.38-5.38a8 8 0 111.41-1.41zM10 16a6 6 0 100-12 6 6 0 000 12z"/></svg>
</div>
<div class="absolute text-sm bg-gray-800 rounded w-64 mt-4">
<ul>
<li class="border-b border-gray-700">
<a href="#" class="block hover:bg-gray-700 px-3 py-3">{{ $search }}</a>
</li>
<li class="border-b border-gray-700">
<a href="#" class="block hover:bg-gray-700 px-3 py-3">Avengers</a>
</li>
<li class="border-b border-gray-700">
<a href="#" class="block hover:bg-gray-700 px-3 py-3">Avengers</a>
</li>
</ul>
</div>
</div>

我在我的 main.blade 文件中包含了 Livewire

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Movie App</title>

<link rel="stylesheet" href="{{ URL::asset('/css/main.css') }}">
<livewire:styles />
</head>

在正文结束之前

<livewire:scripts />

现在当我在我的搜索框中写东西时,它应该在我写的时候更新,但它没有更新而是显示“你好”——$search 变量的初始值。

附言:这是它在我的浏览器中显示的内容。出于某种原因,livewire.js 出现错误。如何解决这个问题?

最佳答案

我有同样的问题,通过添加修复它

 <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"></script>

在主布局文件中,因为显然,它丢失了。

关于laravel - 为什么 Laravel-livewire 'wire:model' 不工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65051509/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com