Laravel Vue Prop htmlspecialchars()

Question

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

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

从后端我有数组:

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

这是我的带有 Prop 的组件:

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

我还有问题。在我的组件中，我试图告诉 prop 它将成为数组，但它不起作用:

 props: {
        rateTypes: Array
    },

我的错误在哪里？

Answer 1

问题是您试图在 Blade 模板中将数组($rateTypes 变量)打印为字符串，这会导致错误。

您可以使用 json_encode() 在 Blade 模板上打印阵列然后 Vuejs 可以像这样使用它:

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