javascript - 为什么我的 v-select 的标题（字符串）在空格处被分成换行符？

Question

当用户单击打开下拉菜单时，v-select v-model 值会在空格处分成新行。

我已经尝试过造型（空白）来解决这个问题。我也尝试过将字符串更改为数组并循环遍历数组，但这似乎有点矫枉过正。我正在使用 JS、https: //vue-select.org/ 和 Vue。我没有使用 Vuetify 的 v-select。

我的数据：

data: () => ({
    selectedTitle: "Job Title"
}),

v-选择：

<v-select
    class="job-title-select"
    :options="titles"
    v-model="selectedTitle"
    @change="(entry) => this.updateCriteria(entry, 'Job Title')"
    taggable/>

注意： updateCriteria() 正在向存储发送数据。它不会影响 v-select 显示或本地值更改。v 模型可以。

预期：当用户单击 v-select 时，我应该在一行中看到“职位”、“材料总监”的值。

结果：当用户展开/单击下拉菜单时，这就是下拉元素的标题（这些不是下拉项目）：

Job
Title

Director
Of
Stuff

Answer 1

原来vue-select和Bulma有冲突。我删除了 Bulma 作为依赖项，一切都很好。

https://github.com/sagalbot/vue-select/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aclosed+bulma