问题标签 [vue-select]

我正在动态创建允许多项选择的 vue-select 下拉列表。但是这些下拉列表允许选择相同的选项。如何在不使用 v-model 的情况下更改此行为（因为我正在动态创建这些列表）？

选项：

HTML：

问题：无法在单元测试中以编程方式触发 Vue-Select3 项目下拉选择。

我已经尝试过在浏览vue-test-utils器@testing-library/vue中以编程方式触发单击事件以强制选择列表项。然而，这些都没有奏效。我设法触发选择的唯一方法是获取 VueSelect 实例并发出“输入”事件。我还尝试在下拉容器等上触发不同的事件。

当前结果：当点击事件被触发时，什么也没有发生。 预期结果：当触发点击事件时，Vue-Select 应该选择项目并发出“输入”事件。

我正在使用 vue-select@3.1.0。

顺便说一句，当我选择另一个选项时，如何挂钩 @change 事件？

当前的代码库是这样的：

我需要从 vue-select 中删除完全默认的动画。

怎么做？我试图用我自己的替换框中的样式，但我没有得到结果..

这是代码：https ://codesandbox.io/s/veevalidate-with-vueselect-13g9d

我正在使用自定义组件，因为我想覆盖 VueSelect 中的几个插槽。我正在使用，ValidationProvider但这似乎不起作用。

我寻求帮助，但只找到了使用 VeeValidate 2.x 的示例。

在我的 Laravel 5.8 / vuejs 2.6 应用程序中，使用 "vue-select": "^2.6.4" 我
在选择选项时设置了操作，但我有 2 个问题：1）看起来在打开的页面上触发了操作 2）当我选择选项动作被触发两次。3）我试图设置 .prevent ：

但得到控制台错误：

我尝试了几种变体，但都失败了。请工作示例...

我不确定如何使用 vue-select 设置默认/初始选定选项，特别是在使用插槽时。

这是代码：https ://vue-select.org/guide/slots.html

我希望其中一个选项最初显示在页面加载时。

我想在 VueJs 项目中包含Vue-Select 。

我正在实现一个 WebPack 配置，它为我在这个项目中的每个页面导出一个vendors.js文件和一个。page.js

现在 Vue-Select 是高度可参数化的，我想将这些设置保存在一个文件中，以便可以在我的所有页面和组件中使用它。

对于组件参数化，我在每个包含以下内容的组件中使用类似的东西Vue-Select：

我使用它的组件中的这个自定义样式

有没有办法将所有这些添加到一个文件中，并且只import在需要的组件中使用这个新的Vue-Select？

我正在尝试根据官方文档上的说明进行 v-select，但我的数据比文档中显示的更嵌套，我无法在我的 v-select 中显示我的数据的llcName，我被困住了.

这是我的 html div 和 Vue 实例，数据如下

我正在使用自定义下拉组件'vue-select'，它有一个插槽选项，我们可以通过它自定义选项视图，如本文档所示 - > https://vue-select.org/guide/slots.html

类似的事情我想通过从祖父组件传递一个插槽来实现它。这是我尝试过的。

App.vue（祖父组件）

VSelectWrapper.vue（父组件）

我收到的输出只是下拉选项中的“-”（连字符）字符。数据没有通过插槽。

如何实现？