क्यों Laravel-livewire 'तार: मॉडल' काम नहीं कर रहा है?
Nov 28 2020
मैं Laravel 8 का उपयोग कर रहा हूं।
मेरा लाइववायर नियंत्रक
<?php
namespace App\Http\Livewire;
use Livewire\Component;
class SearchDropdown extends Component
{
public $search = 'hello there';
public function render()
{
return view('livewire.search-dropdown');
}
}
लाइववायर ब्लेड
<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 />
अब जब मैं अपने खोज बॉक्स में कुछ लिखता हूं, तो इसे मुझे लिखते हुए अपडेट करना चाहिए था, लेकिन यह "हेल्लो वहाँ" दिखाने के बजाय अपडेट नहीं कर रहा है - $ खोज चर का प्रारंभिक मूल्य।
PS: यह वही है जो अपने ब्राउज़र में दिखा रहा है। किसी कारण से livewire.js में त्रुटि हो रही है। इसे कैसे ठीक करें?
जवाब
Tahmid Nov 29 2020 at 10:28
मैंने @ कमलेश पॉल की सलाह का पालन किया और इसने काम किया।
आपको livewire बेस url सेटअप करने की आवश्यकता है
in config / livewire.php
'asset_url' => env('APP_URL', 'http://localhost'),
फिर inenv
APP_URL=your_app_url