问题标签 [v-select]

我正在做一个项目，我需要使用 v-chosen 进行选择 dorpdown

，默认情况下，如果我做这样的事情，它就不起作用

但如果从外部 API 获取数据，

选择的下拉列表也没有更新。我的问题是如何在 vuejs2 中更新 v-chosen

我正在使用Vuetify它的v-select组件，它multiple启用了选项以允许选择多个选项。

这些选项代表我的 CRM 软件的人才（候选人）库。

它需要做的是，当检查了V-Select中的某些选项时，从API中获取了从API中获取检查人才库的候选人，并保存到某个数组（我们称之为markedCandidates），当取消选项选择时，该池中的候选人必须为从markedCandidates数组中删除。

问题是@change或@input事件返回所选选项的完整列表。我需要它只返回选中/取消选中的池和信息（如果它被选中或取消选中），以便能够更新markedCandidates数组。

我现有的代码：

知道如何解决这个问题吗？

正如我所说，返回( )loadCandidatesFromTalentPool(change)的完整数组..v-modelmarkedCandidates

编辑：我找到了这个解决方案，实际上它更像是一种解决方法，如果有针对这种情况的专用事件会很好：

https://codepen.io/johnjleider/pen/OByoOq?editors=1011

我有一个使用 vue.js 和v-select货币下拉列表的表单设置。我正在尝试创建一个单元测试以确保 v-select 的当前值设置为计算值price_currency

这是选择器的vue代码

设置:value为price_currency计算值。在单元测试中，我可以使用 find 方法v-select返回元素，但是因为它是一个 vue 组件而不是实际<select>的value元素没有设置，这意味着我无法测试它。

如何为上述v-select内容编写单元测试，以确认该字段设置为的计算值price_currency？此外，我想测试何时price_currency更新 v-select 上的值，但很可能一旦我看到一个测试值的示例，其余的就会到位。

这似乎是一个相当简单的测试，但我在文档或在线的任何地方都找不到如何做到这一点的好例子。

对于我的单元测试，我使用的是 VueTestUtils 和 Jest。

我试图在我的 vue 组件中更新选择的值，但它不会改变并且保持为空，我可以选择东西但我不能用它做任何事情。

我已经尝试添加:value到v-select组件，但它只是不会在我选择某些东西时更新值。

由于我仍在尝试使用他们文档中的示例，因此我在这里对 codepen 进行了分叉：https ://codepen.io/andyftp/pen/GweKpP，因此您可以尝试一下。

任何人都可以在这里帮助我吗？

HTML：

JS：

我想使用 vue.js 为选择选项设置默认值

这是我的代码

和

谢谢

我试图id在使用v-select. 现在，我很难获得id将被选中的值。有人可以帮我解决这个问题吗？

我的index.html文件是 -

我的 vujs 脚本是 -

请您访问JSFiddle我要解释的内容！请访问 - JsFiddle

我正在尝试设置value 的option selected位置。但是从 vuejs使用时我遇到了麻烦。这就是我想要做的 -option1v-select

当价值为时，有人会帮我获得option价值吗？selectedoption1

我正在尝试从我的 v-select 中对这些数据的键进行 v-model ：

我的 v-select 和输出看起来像这样（这是我能得到的最接近的：

问题在于，当我只想要意大利时，v-select 的值将是“IT，意大利”

我一直在尝试找出方法，例如使用辅助函数来搜索值并返回一个键，但我一直不确定，想知道是否有更简单的方法可以做到这一点。或者可能将数据转换为新对象。

如果有人有任何想法，我将不胜感激！

我有 UI 显示来自 3 个不同数组的按钮，这些数据是相关的，订单交换和奇偶校验，按钮具有预先选择的值，如果选择交换 2，我需要选择奇偶校验 2。

v-select 允许添加 append-outer-icon 但如何在单击此项目时强制展开图标列表？

@click:append-outer 允许添加回调函数，但我在 openSelect 中做了什么来扩展项目列表？