Php 将包含空格的选项从Laravel blade传递到Vue multiselect

我正在尝试在我的Laravel刀片文件中使用Vue Multiselect。我将数据放入数组中，并将其作为道具传递到选项中。 当选项为一个单词（例如“视图”）时，一切正常。但当选项包含多个单词（例如“查看客户”）时，我收到以下错误：

当我打印json数组时，数据显示如下：

在我的刀片文件中：

<grouped-select :options={{json_encode($allOptions)}}></grouped-select>

Vue分组多选：

<template>
  <div>
    <multiselect
      v-model="value"
      :options="options"
      :multiple="true"
      group-values="libs"
      group-label="language"
      :group-select="true"
      placeholder="Click to select"
      track-by="name"
      label="name"
      ><span slot="noResult"
        >Oops! No elements found. Consider changing the search query.</span
      ></multiselect
    >
  </div>
</template>

<script>
import Multiselect from "vue-multiselect";

export default {
  props: [JSON.parse("options")],
  components: {
    Multiselect,
  },
  data() {
    return {
      value: [],
    };
  },

哎呀！没有找到任何元素。考虑更改搜索查询。
从“vue Multiselect”导入Multiselect；
导出默认值{
props:[JSON.parse（“options”）]，
组成部分：{
多选，
},
数据（）{
返回{
值：[]，
};
},

---

你知道问题出在哪里吗？我该怎么解决？谢谢你，我解决了问题。如果有人有同样的问题，我只加了双引号

<grouped-select :options="{{json_encode($allOptions)}}"></grouped-select>

---

所有选项的

部分在哪里？