Блог

Главная - Вопросы по программированию - щелчок laravel livewire не срабатывает

щелчок laravel livewire не срабатывает

#php #laravel #laravel-livewire

Вопрос:

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

 <?php

namespace AppHttpLivewire;

use LivewireComponent;

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() функции

Ответ №1:

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

 <div>
    hello {{$name}}
    <button wire:click="clickTest">test</button>
</div>

Комментарии:

1. Нет проблем, здорово, что это вам помогло! 🙂

Метки: