laravel livewire 点击没有触发

Question

下面是我的 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() 功能

Answer 1

您的按钮需要移动到组件中：

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

laravel livewire 点击没有触发

laravel livewire click is not triggering

php

laravel

laravel-livewire