Передать массив конфигурации Laravel в компонент VueJs

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'))" />