问题标签 [v-select]

我已将 v-model 放入 v-select 但它返回整个对象

这将导致

有没有办法只获取选定对象的 id 而不是整个对象？我试过把 value="id" 但还是不行。

我v-autocomplete用来在表单中获取用户的输入。

的结构items是这样的：

我需要访问property用户在密钥应该是什么时选择的字段long。所以我想知道是否有一种方法可以让 v-model 保存整个对象，以便我可以访问property表单的其他部分？如果不是，那么我可以用来解决问题的替代方法是什么？

我非常感谢任何帮助

我有一个列表，cartItems我正在为每个列表生成一个下拉列表。每个cartItem都有一个名为的字段orig_quantity，我希望将下拉菜单的默认值设置为。我试过做:value="item.orig_quantity"，但似乎没有这样做。

我的代码中有以下 v-select：

它接收模型、项目和其他定义作为道具。Model 和 Items 是相同的对象数组，具有以下结构：

因此，在安装组件时，基本上所有项目都会被选中。

一旦用户点击列表中的一个项目，我想在我的itemChanged方法中接收整个对象，或者至少是值对象。暂时我只想控制台记录收到的对象：

但它会打印整个模型数组，减去点击的项目

尝试使用return-object，尝试更改 item-value 并更改对象结构 - 总是相同的结果。

任何想法如何才能仅获取单击的项目对象/值？

我有一个使用 v-select 组件的下拉菜单，并将我的选项设置为“美国”和“加拿大”。

我想将默认值 ( :value) 设置为读取customer.country_code，在这种情况下设置为“US”，但它没有预加载的选择。我在类似的情况下使用了 v-select，但不确定我在这里搞砸了什么。

v-modeldefaultCountry是这样启动的：

customer.country_code 是一个道具，因此我无法将 v-model 实例化为该值。

我的 v-select 项目如下所示

即我将“most_engaged”项目设置为默认项目，然后选择所有值为“Most Engaged”的项目。那么如何解决这个问题？

我的确切要求是预选是基于键而不是值...

此错误出现在带有 Vuetify 1.5.14 和 Vue 2.x 的 IE11 中。我正在使用 v-select 组件，如下所示：

并且在IE11中测试，当你改变v-select的值并点击组件外部或者按tab时，v-model的值被重置为null。而且我还有其他行为相同的 v-select。

在我的 main.js 文件中，我有如下 polyfill：

在 IE11 中使用 v-select 组件是否有解决此问题的方法？

我试图vuetify v-select通过 using获得更改的值，$emit但它不起作用。我通过应用原子设计模式（原子（子组件，不与存储连接），有机体（父组件））和 vuex 存储来划分组件。我认为 $emit data 没问题，但在此过程之后任何事情都不起作用。

这是用于管理页面的新应用程序，使用vue, vuex, vuetify,原子设计连接到 API 服务器。

成分

子组件 - 在 atom 文件夹中

父组件 - 在生物文件夹中

vuex 商店

index.js

xxx.js

它不会在changeSelected函数后打印任何控制台日志。

我正在尝试找到一种方法来使用以前不在列表中的 v-select 添加新值。这样输入的新值将成为选定的选项。

这是我当前的代码：

在 UI 中，组件看起来像这样。这里我只使用 Vuex 来获取:options. 目前，如果我输入一个新值并在外部单击该值会消失，因为它在列表中找不到

预期：想要输入一个新值并将该值用作表单中的当前值并保存。有没有办法做到这一点？

任何帮助，将不胜感激。
谢谢！

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

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

我的数据：

v-选择：

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

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

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