iT邦幫忙

0

(已自行解決) laravel的livewire問題,畫面不會即時更新

  • 分享至 

  • xImage

後來反覆再重新測試不知道為什麼突然就好了...
不好意思打擾大家


新手自學
目前在試做即時搜尋表格但不知道為什麼不會運作
再麻煩各位大大了...

Controller部分

<?php

namespace App\Http\Livewire;

use Livewire\Component;
use DB;

class ConnectionCheck extends Component
{
    public $search;
    public $searchdata;

    public function render()
    {
        $search ='%'.$this->search.'%';
        $this-> searchdata= DB::table('data')->where('Name', 'like',$search)->get();
        return view('livewire.connection-check');
    }
}

view部分

<div id="css_table">
    <div class="css_tr">
        <div class="css_td">搜尋:
            <input type="text" wire:model="search" />
        </div>
    </div>
    <div class="css_tr">
        <div class="css_td">位置</div>
        <div class="css_td">VPN_IP</div>
        <div class="css_td">連線狀態</div>
        <div class="css_td">Wan_IP</div>
        <div class="css_td">連線狀態</div>
    </div>
    @foreach ($searchdata as $data)
    <div class="css_tr">
        <div class="css_td">{{ $data->Name}}</div>
        <div class="css_td"><a href="http://{{ $data->VPN_IP}}:8888/" target="_blank">{{ $data->VPN_IP}}</a></div>
        <div class="css_td"><a href=""><img src="{{ asset('pic/red.jpg') }}" width="10%"/></a></div>
        <div class="css_td"><a href="http://{{ $data->Wan_IP}}:8888/" target="_blank">{{ $data->Wan_IP}}</a></div>
        <div class="css_td"><a href=""><img src="{{ asset('pic/red.jpg') }}" width="10%"/></a></div>
    </div>
    @endforeach
</div>

route的web部分

Route::get('/ConnectionCheck',ConnectionCheck::class);

有嘗試過貼一些其他功能範例是會有反應的,但不曉得為什麼我的就沒辦法
反覆確認猜測是 input的值沒有取到 所以controller那邊永遠都在搜尋空值...
但我不曉得是哪一個環節出了問題

另外有一個疑問 範例網頁上有提到
@livewireAssets 但我打上這串就直接顯示在頁面了...

此搜尋功能我參考的網頁是這裡
https://learnku.com/laravel/t/40775

laravel版本為 8.83.23
php版本是7.4

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答