问题标签 [v-select]

我有 json 数组groupData，如何将数据传递给v-select

我知道在 v-select 中使用 v-for 是错误的，但我不确定如何传递数据：

插件网址：https ://sagalbot.github.io/vue-select/

这就是在没有v-select插件的情况下使用 vue.js 完成的方法，并且有效：

提前致谢。

I'm working on a VueJs file and try to use <v-select> so what I'm doing is that :

and my divisions is an array of object conatining id and text but when i'm going on my page I have <% getOptionLabel(option) %> instead of the text value for each one of my divisions value

here is a screenshot of console.log(this.divisions) :

So this is my code :

我正在使用 v-model 设置 v-select 的选定选项，所以当我打开屏幕时它已经带有结果。在我在 v-select 标记中设置自动完成属性之前，这一切正常。当我这样做时，选择了该选项，但选择不显示它。自动完成功能是否有任何问题，或者它是组件的标准行为？

这是 jsfiddle 链接：https ://jsfiddle.net/vcmiranda/huj9L4bq/ 谢谢。

可以设置一些规则以禁用或启用区分大小写的可搜索 v-select

官方页面： https ://sagalbot.github.io/vue-select/

我正在构建一个小型应用程序，vuejs 2其中我使用v-select 包作为选择框，我面临的问题是：

我在我的组件中声明了 v-select，如下所示：

因此，我将数据定义为company_name，并且我正在调用一个axios事件来获取可搜索的数据，而在加载组件时，我正在调用前 50 个集合的索引数据进行初始选择，如果有人键入，那么我就是调用一个函数getOptions来获取与输入相关的数据，现在假设如果有人选择任何数据然后再次从选择中删除它并再次使用按键事件搜索可搜索的数据不显示，我可以看到我的axios调用工作正常并且我能够得到相关的数据。但它没有显示在下拉列表中，因为它说：

渲染函数中的错误：“TypeError：无法读取 null 的属性‘标签’”

这来自company_name选择的模型。以下是我在codepen中的代码

在这我的 axios 没有工作，因为它说混合内容：

https://codepen.io/anon/pen/Bdeqam?editors=1011 '是通过 HTTPS 加载的，但请求了一个不安全的 XMLHttpRequest 端点' http://connect.stellar-ir.com/api/companies '。此请求已被阻止；内容必须通过 HTTPS 提供。

所以我无法在这个代码集中正确解释。但是我的代码看起来和在 codepen 中声明的一样。

帮我解决这个问题。

我正在使用 v-select 并且此插件存在问题...当您在输入中按enter时，它会提交到表单。如何使用 Enter 将项目添加到输入中，并且仅在单击Button时才提交表单？

此处示例 CODE PEN

HTML

JS

谢谢！！

我有 vuetify webpack 项目

在我的一个 vue 组件中，我使用 v-select 并将 :items 设置为名为“levels”的通用数字数组，并将 v-model 设置为包含通用数字的数据属性“level”

所以问题是，如果 'level' 用 prop 初始化，v-select 在启动时不显示初始值 - 如果 'level' 用常量初始化，则显示正常。像这样：

这不正确，但是：

工作正常

v-select 用法是：

除了在启动问题时显示初始值外，v-select 工作正常

那么如何解决这个问题，它的原因是什么？

我有一个如下所示的 V-select，当我加载页面时，它会填充来自我的 Vuex 商店的数据。然后我有一个计算属性来获取当前选择的公司。我的问题是当前选择的公司的价值只有在我点击两次后才会更新。我在实施中做错了吗？

因此，当用户更改 V-select 中的值时，我想更新正在显示的用户列表，但这仅在用户单击 v-select 选择两次时才有效。

我想在 vue-js 中为多个组件使用一个功能。为此，我需要使两件事动态化 - 1.ajax-url 和 2. 用于选项的数据集持有者。我阅读了https://sagalbot.github.io/vue-select/docs/Advanced/Ajax.html，因为这个函数运行良好。我有以下代码-

onsearch 方法如下，如上面的链接中给出的 -

我研究的是 - 为 Vue Select2 包装器组件使用动态 AJAX URL ，但无法确定要为 v-select 做什么。

我在我的项目中是 vue（2.5 版）的新手我已经安装了 v-select 我浏览了文档并且对这里的一些事情感到困惑是我的代码

方法：{ next(){ // console.log('value of v-selection not option') 例如 id 1 有 'country' 所以我希望方法 next() 中的 id 1 即在 console.log 中 } } 现在我的问题是我如何将这个 axios 响应的成功值传递给 v-select 选项，其次是我如何获得 v-select 的选定值，例如；- 当用户单击下一步按钮时，我如何获取在 v- 中选择的值选择