Vue.js Vue插槽呈现名称而不是内容

当我使用我尝试过的一个vue select组件时，发生了一些奇怪的事情。列表值应该出现在哪里，我得到的是插槽名称。在示例中，这将更加清楚

我尝试过使用vue multiselect、vue select和&vue cool select，我得出的结论是，这不是库问题，而是vue或我的配置问题

此示例显示了vue multiselect，但迄今为止我使用的每个库都会出现。这是vue multiselect文档本身提供的最基本示例

<template>
    <div>
        <multiselect
            v-model="value"
            :options="options"
            :searchable="false"
            :close-on-select="false"
            :show-labels="false"
            placeholder="Pick a value"
        ></multiselect>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                value: null,
                options: ['Select option', 'options', 'selected', 'mulitple']
            }
        },
    }
</script>

导出默认值{
数据（）{
返回{
值：null，
选项：[“选择选项”、“选项”、“选定的”、“多个”]
}
},
}

这就是我得到的：

有人知道为什么会这样吗

---

谢谢大家!

您的代码应该可以很好地处理此问题

从“vue Multiselect”导入Multiselect；
导出默认值{
名称：“应用程序”，
组成部分：{
多选
},
数据（）{
返回{
值：null，
选项：[“选择选项”、“选项”、“选定的”、“多个”]
}
},
};

因此，我的项目中有一个处理翻译的函数，名为

\u t（）

，它也被定义为

Vue.prototype.\u t（）

。Vue.prototype.\u t引用了

renderSlot（）

函数

---

切记不要使用名为

\u t（）

的函数对Vue进行原型化。在尝试注释几乎每一行代码之前，我损失了将近4小时。

该图像使用的是vue multiselect？我尝试添加与示例中相同的依赖项，但仍然不起作用。我认为这与vue插槽被其他内容覆盖有关。但我想不出那是什么。有什么想法吗？我可以看看你

package.json

？已经发布了答案。这完全是我的错。无论如何谢谢你的帮助。

<template>
  <div>
        <multiselect
            v-model="value"
            :options="options"
            :searchable="false"
            :close-on-select="false"
            :show-labels="false"
            placeholder="Pick a value"
        ></multiselect>
    </div>
</template>

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

export default {
  name: "App",
  components: {
    Multiselect
  },
  data() {
      return {
          value: null,
          options: ['Select option', 'options', 'selected', 'mulitple']
      }
  },
};
</script>