在Blade模板中如何将PHP变量传递给Vue函数调用

问题原因 #

你原来的写法出错是因为Blade输出PHP字符串变量时没有包裹引号，最终渲染到页面的代码会被Vue识别为变量名而非字符串字面量，自然找不到对应值导致功能异常。你写固定字符串时加了引号，属于合法的字符串字面量，所以能正常运行。另外你提供的代码里还有个小语法错误：{{$rt['title'}} 少了右方括号，修正后应为 {{$rt['title']}}。

解决方法1：手动加引号（适合简单纯文本场景） #

给Blade输出的变量外层套单引号即可，注意变量内容不能包含未转义的单引号，否则会出现语法冲突：

@foreach($r_templates as $key => $rt)
    <button @click="someFunc('{{ $rt['title'] }}')">click me</button>
@endforeach

解决方法2：用@json指令（推荐，全场景适用） #

Laravel Blade提供的@json指令会自动把PHP变量转成合法的JSON格式，字符串会自动加引号、特殊字符也会自动转义，不需要手动处理转义问题，支持字符串、数字、数组、对象等各种类型的变量传递：

@foreach($r_templates as $key => $rt)
    <button @click="someFunc({{ @json($rt['title']) }})">click me</button>
@endforeach

如果要传递整个数组也可以直接使用：

<button @click="someFunc({{ @json($rt) }})">click me</button>

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