Laravel Vue道具htmlspecialchars（）

Question

我正在尝试传递给我的组件数据，但我仍有问题：

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

从后端我有数组：

         return [
        self::DATA1 => 'data1',
        self::DATA2 => 'data2'
    ];

这是我的道具组件：

    <member-edit :rate-types="{{$rateTypes}}"></member-edit>

我还有问题。在我的组件中，我试图告诉道具它将是阵列，但它不起作用：

 props: {
        rateTypes: Array
    },

我的错误在哪里？

Answer 1

问题是您尝试在刀片模板中将数组（$rateTypes变量）打印为字符串，这会导致错误。

您可以使用json_encode()在刀片模板上打印阵列，然后Vuejs可以使用它，如下所示：

<member-edit :rate-types="{{ json_encode($rateTypes) }}"></member-edit>