将 Laravel Config array 传递给 VueJs Component

Question

我有一个Laravel(5.7(配置数组，我想将其传递给VueJS(2.5.7(组件以填充下拉列表。

配置数组：

'heard_about' => [
'Inspire Conference',
'ULearn Conference',
'NZPF Conference',
'Interface Magazine',  
'Facebook',
'Other'    
]

VueJS 组件

<registration-form :heard-about-options="{{ Config::get('enums.heard_about') }}" />

但是我得到错误：

htmlspecialchars() expects parameter 1 to be string, array given

关于将此数组放入 Vue 的最佳方法的任何想法？

Answer 1

因为您的heard_about配置是一个数组，所以不能使用{{ }}。刀片文件中的双花括号将转译为echo htmlspecialchars($anything)。要将数组配置传递给 Vue 组件，请改用@json指令：

<registration-form
:heard-about-options="@json(Config::get('enums.heard_about'))" />