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在刀片模板中将Array(变量)打印为String,这会导致错误.

您可以使用json_encode()在刀片模板上打印数组,然后Vuejs可以使用它,如下所示:

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