将PHP变量传入Livewire动作参数导致方法崩溃求助

问题分析 #

你的代码报错根源是PHP渲染后，wire:click的参数变成了未定义的JS变量：

• 原代码中{{$tel}}会被PHP直接输出为telephone，最终HTML是<button wire:click="sortBy(telephone)">
• 前端JS会把telephone当作变量名，但你没有在JS中定义这个变量，因此抛出ReferenceError
• 而直接写sortBy('telephone')时，'telephone'是JS字符串字面量，能被正确识别执行

解决方案 #

以下三种方法可解决问题，根据场景选择：

1. 给PHP变量手动添加引号

直接在输出的变量前后加单引号，让渲染后生成合法的JS字符串参数：

@php $tel = 'telephone'; @endphp

<button wire:click="sortBy('{{$tel}}')">
    Add Todo
</button>

渲染后的结果和你正常工作的代码完全一致：sortBy('telephone')

2. 使用Laravel的@js指令（推荐）

Laravel 7及以上版本提供@js指令，能自动将PHP变量转为合法的JS表达式（包括处理引号转义），适配复杂变量类型（如数组、对象）：

@php $tel = 'telephone'; @endphp

<button wire:click="sortBy(@js($tel))">
    Add Todo
</button>

@js($tel)会输出'telephone'，完全符合JS语法要求。

3. 直接引用Livewire组件属性（如果变量属于组件）

如果$tel是Livewire组件的公共属性（比如组件中定义了public $tel = 'telephone';），可以直接用Livewire语法引用：

<button wire:click="sortBy($tel)">
    Add Todo
</button>

这种方式无需PHP手动渲染，Livewire会自动处理参数传递逻辑。

内容的提问来源于stack exchange，提问作者Paul Kendal