问题标签 [vue-multiselect]

我在Laravel 中使用Vue 多选。

我在表单中使用多选组件让用户选择多个国家。该组件工作正常，但是当我提交表单并提交dd()它时，它显示[object Object].

我无法获得多选组件的值。我发现了类似的问题，但没有一个对我有用。

这是我的代码：

ExampleComponent.vue 文件：

这是我的注册表：

当我提交表单时，它countriespost向我展示了这个：[object Object]而不是实际值。

我需要像这样向 vue-multiselect 添加一个侦听器（但这不起作用）：

它必须添加到更新的钩子中。

我已经尝试了很多东西，但是由于 vue-multiselect 的性质，传统的 jQuery 不起作用，即，你无法监听到的变化，multiselect__input因为它的值实际上并没有改变。

根据状态添加\删除了一个.multiselect__single元素，但我宁愿不听\测试 html 更改。

嗨 vue 和 js 专家！

我有一个值列表 ["A", "B", "C", "D"]

用户需要将值选择到两个列表“List1”和“List2”中。列表中的值不应重叠。假设用户为“List1”选择“A”，选项“A”应该无法在“List2”中选择

目前我正在使用两个共享相同选项列表的 Vue-Mulitselect 组件实例。它工作正常，但“List1”和“List2”中的值可以重叠（例如，用户可以在两个列表中选择“A”）。

请告知如何绑定两个多选以共享相同的选项列表而不重叠？

我正在使用 vue-multiselect，我希望用户能够使用异步搜索数据库中的标签，如果他们找不到他们想要的，请输入他们自己的标签。这意味着我正在使用标记和异步。它按预期工作，直到我添加在 中找不到的标签，然后 aysnc 不再搜索。如果我删除添加的标签，那么它会再次进行异步搜索..

我在另一个组件中使用了该组件两次：

您好，我在 Vue 中进行多选，我的问题是我没有从所选项目中获得确切的数据

这是我的代码

当我尝试在选择中选择一个项目时，就在<pre>我能够看到所选项目 ID 但是当我尝试它时console.log(itemValue)它不会显示任何内容但是如果我要选择另一个项目，现在必须有 2 个选定项目，即正在显示，<pre>但在我的console.log(itemValue)它将只显示第一个选定的项目。

有谁知道我怎样才能获得确切的选定项目，以便我可以使用这种过滤器进行搜索，因为基本上，我将使用它作为搜索过滤器。

谢谢你！

我想知道如何更改此链接（https://vue-multiselect.js.org/#sub-tagging）上显示的这个 vue-multiselect 示例，以便下面显示的数组仅显示由分隔的名称列表逗号。您可以在图像中看到，我选择了 Javascript 和开源......在它下方显示了两者的整个对象。我只想显示用逗号分隔的 2 个名称。任何帮助，将不胜感激...

我可以对下面的 {{ value }} 调用进行简单的更改（希望如此）来完成此操作吗？更改为 {{ Value.name }} 等不起作用。

我想截断 vue-multiselect 上的许多值。

我试过这个来覆盖许多类，但它不起作用，就像这个例子：

In vuejs, is there a way to set the same content for multiple slots without copy pasting?

So this:

Could be written that way:

Thanks a lot.

我有简单的形式：

和 Vuetags-multiselect组件：

我需要在我的表单上选择字段。当我发送表单时，在控制器中我需要从选择标签中接受数组。我如何使用 vue 多选来做到这一点？或者我需要使用简单的选择多个吗？请帮帮我。

我正在使用vue 多选插件。我正在使用组选择选项来明智地选择值组。我将选定的值存储在本地存储中以维护用户预先选择的选项。当我为组选择值时，它工作正常，但是当我在页面重新加载时预先选择值时，值会被正确设置，但全选选项不会取消选择选定的值。

有没有办法跟踪 vue 多选中的组取消选择选项，或者有没有一种方法可以有效地使用这个 vue 多选插件并维护选定和取消选择的值。

Vue 多选标签代码如下所示，带有使用的道具。

脚本：

}

我在页面加载时设置位置数组。