问题标签 [vue-select]

我正在尝试将该vue-select组件用于下拉列表。到目前为止，我已经写了。

下拉列表按预期填充，选择项目会将其插入输入字段。我遇到的两个问题是

1. value选择某物时，selected变量均不改变。
2. 我还传递了一个initial值，我希望将其选为列表中的默认值。

我试图了解如何将 vue-select 集成为 vue-formulate 中的一个字段。我需要一个用于 ajax 的选择字段，但我无法达到这个结果！谁能帮助我如何做到这一点？

我需要使数组选项的第一个元素成为默认选项，像这样

但我明白了：

我的组件代码：

脚本：

我有一个数组“选项”，里面有一些元素。并具有 vue-select 功能。我不想在所有选项列表中显示选定的选项。

因此，如果选择了“RU”，我想删除该列表中的“RU”选项表单。有什么决定吗？

我的组件文件：

v-选择：

脚本部分：

我使用vue-select，我需要触发选项打开事件，我试过：

<v-select :filterable="false" onclick="this.customMethod('meow')" /> 但这不支持 vue 方法。

当我在 POC 项目中测试 vue-select 时，它运行良好，请参见下面的屏幕截图：

但是，当我在我的实际项目中使用 vue-select 时，它是无序的，请参见下面的屏幕，有没有人遇到过类似的问题以及如何解决它？

@import "vue-select/src/scss/vue-select.scss" 之后；

谢谢乔治

我正在使用 Vue Select 作为预输入组件。它对服务器进行 AJAX 获取。

默认情况下，它会突出显示从服务器返回的第一个选项：

相反，我希望它像浏览器中的 Google 预输入控件一样工作。第一个选项未突出显示。相反，您必须按一次向下箭头才能突出显示它。

原因是我希望用户能够键入搜索，然后点击ENTER以获得完整的搜索结果（对于上面示例中的“stan”，或者点击向下箭头一次或多次，然后点击ENTER, 并执行搜索选定的选项。

如何让 Vue Select 不突出显示第一个选项？

（它似乎与 的 data() 中的 typeAheadPointer 有关vue-select，但这就是我能够弄清楚的全部。）

尝试在 vuejs3 应用程序中使用 vue-select 我在控制台中遇到错误：

我的vue文件：

在 package.json 中：

我是否以错误的方式配置了 vue-select 或者 vue-select 不适用于 vuejs 3？在这里https://github.com/sagalbot/vue-select我没有找到任何提及 vuejs 3，但最后一次源更新是 3 个月前...

谢谢！

我正在使用vue-select，我希望像这样显示我的选择框：

期待：

• 无法选择标签，只能选择项目
• 选择时发回 {label:value}（字符串）

我已经按如下方式构建了我的 JSON：

这正是要求的格式，但由于某种原因，我没有正确使用他们的道具之一。如果您已经遇到此问题，将不胜感激，谢谢。

是否可以在 onTouchStart 事件处理程序中从SwiperJS禁用对活动元素的模糊调用？

一些背景知识：
对于触摸和桌面设备，我使用 swiper 来制作 swiper-slides 上的表单。在我使用vue-select（一个组合框）的表单中。
问题：当用户选择一个条目时，第一次没有选择该条目，而是第二次选择了该条目。

另请参阅codepen上的此示例

我发现它似乎工作正常：

• 当我删除 vue-select 框的输入字段上的模糊侦听器时。但它用于在用户离开字段时关闭选择列表。
• 当我在 SwiperJS 中注释掉这个模糊调用时。我不确定为什么在那里使用它。

第一点不是一个选项，那么是否可以通过配置禁用 SwiperJS 的模糊调用？