问题标签 [vue-multiselect]

在使用@input更改组件 Vue Multiselect 的值后，我尝试启动一个方法，但出现以下编译错误：

CS0103：当前上下文中不存在名称“输入”

这是我的多选：

我正在尝试将 a 添加vue-multiselect到现有表单中，但是下拉列表为空。这不仅仅是一个显示问题，因为 Vue devtools 显示我的数组是空的。我在控制台中没有任何问题。

我的选择值来自我的 API，我 99% 确定我的代码可以正常工作，因为它与我在应用程序的其他地方使用的显示相同值的循环完全相同。

我正在使用 Nux.js。

遵循关于 SO 的文档和其他问题，我觉得我与下面的代码非常接近，但一定有什么不对劲，我只是无法发现它。

html

javascript

我的应用程序是 Rails API 后端和通过 Nuxt 前端的 VueJS。

我有一个表单，其中一个输入是一个选择，我正在使用vue-multiselect。选择选项是来自不同表的值，我想在其中显示名称字段，但提交 ID。

我可以在下拉菜单中显示选项 ok，我还在表单中提交其他值，但 ID 不起作用。

Rails 控制台显示distillery_id不是允许的参数的错误，尽管我确实在控制器中设置了这个。

gins_controller.rb

新的.vue

基于控制台，我怀疑这是一个 rails 问题而不是 vue，但允许的参数对我来说看起来不错。

有什么建议还有什么问题吗？

使用 Vue-Multiselect 的新手。我正在使用 axios 从 JSON 占位符执行 GET 请求以进行测试。

如何让标题和帖子 ID 显示在我的下拉列表中？

现在，我的选择框中只显示了 [Object Object] - [title]。

我在我的单个文件组件中使用Vue Multiselect库并执行 GET 请求来填充 Multiselect 元素。当用户从列表中选择一个项目时，我需要将他带到一个新页面。多选中的事件处理程序会将 附加NAS_ID到页面 URL，就好像他在页面中选择了一个链接一样。

在我的本地测试期间，它运行良好。但是，在我将代码部署到远程服务器后，页面不会重定向用户。我可以在浏览器窗口中看到 URL 会更改，但浏览器不会像我在本地测试中那样重新加载。因此，我必须自己手动重新加载浏览器才能使其正常工作。

任何人都知道我可以做些什么来修复它以自动加载页面？

这是我的设置：

apiService.getAll()抓取这样的数据：

组件TopicJump.vue：

我正在使用 Vue.js，我需要一个“智能”搜索栏。我最终选择了 vue-multiselect，但我需要在下拉菜单中有嵌套菜单。显然，有一种叫做 treeSelect 的东西可以帮助我，但我不知道如何将它们组合在一起。代码非常基本。

我需要“搜索选择”栏来搜索、嵌套和显示禁用的选项。我真的需要一些帮助，为什么不，一些建议和指导 :) 谢谢

我想在由vue-multiselect.
如果我有一个简单的字符串数组，如下所示，我可以让它正常工作：

但是，当我使用对象数组时，我无法让它工作。例如，如果我有以下内容：

无论我如何设置testv-model 连接的数据属性，它都不会预选值。我试过1, 2, 3, '1', '2'and '3'for testwhen track-byis idand'Test 1'等 when track-byisname但似乎没有任何效果。

我在这里做错了什么？我查看了https://vue-multiselect.js.org/#sub-single-select-object上的文档，但是当您要为对象数组预设值时，它们似乎没有提供示例选项。谷歌搜索也没有返回我正在寻找的东西。

在一个相关主题上，一旦我得到这个工作，当我将组件设置为时，我需要改变什么来选择多个值multiple？谢谢你。

我有这个表格有两个输入，选项（多选）和金额

我已设法将金额添加到新表单，但未能添加所选选项。

HTML

JS

如何在提交的数据中获取选定的选项（多选）？输入金额的方式相同。

任何人都知道是否可以使用 prop :multiple="false" 设置 vue-multiselect 组件，并且仍然有选择显示为标签。

我尝试添加标签槽，但它不起作用。

在网上搜索这个并不能使它工作。

谢谢

我的代码：

https://jsfiddle.net/bgarrison25/tndsmkq1/4/

html:

零件：

所以我创建了一个使用组的多选。如果它是一个没有预先选择的选项的新负载，它工作正常。但是，如果您预先选择了值并尝试取消选择它们所在的组，则根本不起作用。此外，如果我手动取消选择一个然后再次选择该组，这似乎是一个问题。

在小提琴中重现的步骤：

1) Laravel 和 Phoenix 已经在加载时被选中

2）单击多选并选择“其他”以取消选择该组。什么都没发生。

3) 取消选择“Phoenix”选项，然后单击“Other”组。现在您可以选择“Laravel”/“Phoenix”/“Laravel”。

想知道我做错了什么还是这是一个错误。如果它是一个错误，我将简单地发布他们的问题。