laravel livewire клик не запускается

ниже мой App/Http/Livewire/Test.php файл

<?php

namespace App\Http\Livewire;

use Livewire\Component;

class Test extends Component
{
    public $name = 'mike';

    public function render(){
        return view('livewire.test');
    }
    public function clickTest(){
        $this->name = 'Joe';
    }
}

ниже мой resources/views/livewire/test.blade.php

<div>
    hello {{$name}}
</div>

а ниже мой resources/views/test.blade.php

<html>
<head>
    <title>test page</title>
    @livewireStyles
    <script src="{{ asset('js/app.js') }}"></script>
    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
</head>
<body>
    <div>
        <livewire:test />   //this line is working fine
        <button wire:click="clickTest">test</button>  //this line is not working
    </div>


    @livewireScripts
</body>
</html>

Я могу получить hello mike при загрузке страницы, но когда я нажимаю кнопку тестирования, он не меняется на Joe. Когда я проверил вкладку своей сети, похоже, что событие щелчка даже не запускается, и он не может достичь функции clickTest()


person lara    schedule 30.05.2021    source источник


Ответы (1)


Вашу кнопку нужно переместить в компонент:

<div>
    hello {{$name}}
    <button wire:click="clickTest">test</button>
</div>
person spekulatius    schedule 30.05.2021
comment
Спасибо. Ты спаситель ???? - person lara; 30.05.2021
comment
Нет проблем, здорово, вам помогло! :) - person spekulatius; 31.05.2021