laravel livewire 点击未触发答案

【问题标题】：laravel livewire click is not triggeringlaravel livewire 点击未触发
【发布时间】：2021-08-17 20:12:01
【问题描述】：

下面是我的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() 函数

【问题讨论】：

标签： php laravel laravel-livewire

【解决方案1】：

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

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

【讨论】：

没问题，对你有帮助！ :)