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