时间戳

首页 > 解决方案 > 当组件视图中有多个 livewire 操作时，laravel livewire 操作不调用方法

laravel - 当组件视图中有多个 livewire 操作时，laravel livewire 操作不调用方法

问题描述

我有两条 livewire：单击组件视图中的操作。第一个动作确实可以正常工作，但第二个却不行。

<button wire:click="test">Test</button>
<button wire:click="add">Add</button>

组件类如下所示：

public function test() {
  dd("test");
}
public function add() {
  dd("add");
}

因此，当我单击测试按钮时，它会显示测试字符串，但添加按钮不会显示添加字符串。但是如果我删除/评论测试按钮，第二个按钮会正常工作。为什么呢？

标签： laravellaravel-livewire

解决方案

我希望您忘记将两个按钮都包装在视图中的父元素中：

<div>
    <button wire:click="test">Test</button>
    <button wire:click="add">Add</button>
</div>

推荐阅读