如何将 JSON 传递给 vue-treeselect

Question

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

在 Laravel 应用程序中。

我希望能够从我的控制器传递它的选项。

我有一个实现树的单个文件组件，我正在尝试将选项作为道具传递：

<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);
            }
        },