问题标签 [vue-multiselect]

我正在使用Vue-Multiselect插件并尝试将一些数据发送到父组件，以便后端 API 可以更新一些记录，但我不知道如何成功地做到这一点。

这是我对CodeSandBox 演示 的尝试（以及更详细的解释）注意：要查看多选 UI 的运行情况，请转到 POST-->ACME WIDGET 并单击“编辑”，您可以在其中弄乱多选插件。

在我的子组件CustomerPOCSelect.vue中，有一个onRemove事件将一些数据推送到一个名为pocsToRemove. 同样，还有一个 for onSelectevent 也将一些数据推送到一个名为 的数组pocsToAdd中。

但是，我不确定如何从这一点到达父级EditPost.vue，因此我可以使用父级的onSubmitUpdate事件并对服务器进行实际更新。每次用户更改多选输入（无论是删除还是添加）并单击 UPDATE POST 按钮时，我都需要将发出的数据传递给 onSubmitUpdate 方法。

编辑帖子.vue

客户POCSelect.vue

我正在使用vue-form-generator该字段vueMultiselect（集成vue-multiselect）。

添加标签效果很好，但删除标签失败（点击x图标）：

• 尝试删除第一个现有标签时没有任何反应
• 如果您添加标签并尝试删除它，input则会发出一个重复标签的事件

例如：

• 以。。开始Vue.js
• 点击==>标签仍然存在，x（BROKEN）Vue.js
• 添加Rails.js==> Vue.js, Rails.js(好)
• 点击== > x, , (破碎)Rails.jsVue.jsVue.jsRails.js

这是重现问题的链接

问：这是否因为我配置错误而失败vueMultiselect（例如，我需要设置一些选项来防止这种行为）？

如果不是，我会把它作为一个错误提出来

Versions：

• Vue = 2.5.17
• Vue-multiSelect = 2.1.2
• vue-form-generator = 2.3.4

当我点击按钮时，多选打开。但是当我第二次单击该按钮时，真/假值会闪烁，结果 isOpen 仍然为真。我究竟做错了什么？

模板：

js：

https://jsfiddle.net/46s5aknt/

我正在尝试使用 vue-multiselect 构建一个下拉列表，但我遇到了问题。选择第一个选项后，它工作正常。但是，当我尝试选择另一个选项时，之前选择的选项也会消失。下面给出的是我正在使用的代码：

我想这一定与我传递数据的方式有关，但这实际上是我需要传递数据的方式，以便了解更大项目的行为。任何帮助表示赞赏。

编辑 1：选择一个组件后，我没有添加更多选项的选项。相反，我可以在所有选项中选择仅删除它。

我在模式下使用这个漂亮的包Vue-Multiselectmultiple。

添加选项时，我想用不同的方式删除选定的选项group

在这里，如果我选择“选项 3”，则必须从选择中删除其他选项
如果我选择“选项 2”，则必须删除“选项 3”，但不能删除“选项 1”，等等。

首先我虽然关于使用select事件来修改之前选择的值input

但它似乎在之后被覆盖。

在选择时，如何删除具有不同组的选定选项？

I'm trying to filter the results of a table by using vue-multiselect. I can see the selected values in the VUE dev tools as a part of multiselect component. How do I use these values to be used in filter() function to get the filtered table results.

Below you can see my JS script implementation and Template multiselect implementation as well.

JS Script

Template

我正在尝试根据值设置输入的多选样式。当我将条件放入 vue 中时，如下所示，我得到了所有 div 的颜色，包括标签这里是我的代码

结果是这样的：

目标是只拥有像这样的多选橙色

问题是我的 html 模板中没有 multiselect.multislect_input 所以我可以根据它的值设置多选的样式吗？例如橙色表示已存档，红色表示已过期？

我对表格响应类有一些问题，因为它在 css 上未指示时会在 y 轴上生成滚动。

这是问题的图片，我也复制了错误

https://jsfiddle.net/ggalvez92/3d8h4sqy/

我试图把 overflow-y: visible 但似乎没有任何效果。

如果有人可以帮助我修复它，我将不胜感激。

我有一个包含vue-multiselect的 vue 应用程序，我想通过 ajax 加载多选选项。当用户输入搜索条件时，我正在使用lodash.throttle来限制 ajax 请求的触发。但无论我做什么，我都会看到我在搜索中输入的每个字符都会触发多个请求。我做错了什么？提前致谢。

我正在使用 vuejs 多选中的 optionGroup。我正在尝试使用padding-left使 group-label粗体和 group-value ，并将 group-label 的背景颜色更改为更暗一些。但是我尝试使用的所有 css 都不起作用。请提供任何帮助。先感谢您