Laravel Livewire 魔术动作不起作用答案

【问题标题】：Laravel Livewire Magic Action not workingLaravel Livewire 魔术动作不起作用
【发布时间】：2021-05-04 17:38:12
【问题描述】：

我是 laravel livewire 的新手。我正在尝试使用 livewire 设置变量的值。在我的 livewire 控制器中，我定义了公共变量。

public $baction;

在我的livewire视图中是这样的

<p>
Hello
{{$baction}}
</p>
<button wire:click="$set('baction', 1)" class="-ml-px relative inline-flex items-center">
    Set
</button>

现在当我点击按钮时，它应该将 $baction 变量的值设置为 1，它应该显示在 Hello 文本旁边，但它没有显示。

【问题讨论】：

$baction 是否显示？如果没有，你能展示你的完整组件吗？
您是否看到任何控制台错误？
是的，我将 $baction 设置为它显示的任何值，但单击按钮时没有任何反应，控制台中也没有错误
一件事我的按钮也有这个事件@click="Button='add'" wire:click="$set('baction', 1)" 你认为@click 有问题吗？即使我删除了它，但它仍然无法正常工作
你在把 livewire 和 vuejs 混在一起吗？

【解决方案1】：

您的代码示例运行良好。我相信您忘记在显示您的 livewire 组件的刀片中包含 livewire CSS 和 JS

<html>
 <head>
   .....
   @livewireStyles
 </head>
 <body>
   
   <livewire:my-awesome-component />

   @livewireScripts
 </body>
 </html>

【讨论】：