如何将JSON传递给vue-treeselect

Question

我正在使用这个：https://www.npmjs.com/package/@riophae/vue-treeselect

在Laravel应用程序中。

我希望能够从我的Controller传递其选项。

我有一个文件组件实现树，我试图将选项作为道具传递：

<bss-tree options="{{$options}}">
</bss-tree>

这是控制器代码：

$options = "{
                        id: 'bikes',
                        label: 'Bikes'
                        }";


return view('users.changeGroup', compact('options'));

我从中得到的错误是：

[Vue warn]: Invalid prop: type check failed for prop "options". Expected Array, got String.

我应该通过什么以及如何通过？

Answer 1

我通过将选项作为字符串传递然后执行此操作：

computed: {
            options: function(){
                return JSON.parse(this.optionsString);
            }
        },