如何将JSON传递给vue-treeselect

时间:2018-03-06 09:44:48

标签: javascript laravel vue.js

我使用的是: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.

我应该传递什么以及如何传递?

1 个答案:

答案 0 :(得分:1)

我通过将选项作为字符串传递然后执行此操作来实现此功能:

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