问题标签 [vue-multiselect]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
53 浏览

vue.js - 为什么 docker-compose up 说找不到 zingchart 和 multiselect 的依赖项?

如果有人对此有解决方案,我将不胜感激,因为几周以来我一直在摸不着头脑..

所以问题来了:我有一个使用ZingChart-VueVue- Multiselect 的 Vue-Application 。当我这样做时,npm run serve它在端口 8080 上完美服务。当我这样做时npm run build,它完美构建。然而,当我做 docker-compose up 时,这两件事(ZingChart-VueVue- Multiselect )搞砸了。

这是错误:https ://i.stack.imgur.com/tOXgk.png

此应用程序旨在用于使用 github 操作的 CI/CD 管道,但当然它也会给出错误:https ://i.stack.imgur.com/PFAQK.png

这是 package.json 文件:https ://www.codepile.net/pile/QeboY1mw

这是 package-lock.json 文件:https ://www.codepile.net/pile/NDGRXY90

这是泊坞窗文件:

0 投票
0 回答
101 浏览

vue.js - Safari 中带有 Bootstrap Table 选项卡顺序问题的 Vue-Multiselect

我在 Bootstrap 表中使用 Vue-Multiselect,与许多其他输入连续。当我在 Vue-Multiselect 中选择一个选项时,我希望我的标签顺序保持其在页面上的位置。但是,在 Safari 上,它会将选项卡位置重置为页面上的第一个元素。

考虑以下精简结构:

在 Chrome、Edge 和 Firefox 中,单击下拉菜单,然后按 Tab 键会将用户导航到行中的第三个文本框。但是在 Safari 中,按 Tab 键会将用户导航到行中的第一个框。我相信这是因为 Vue-multiselect 触发了一个模糊事件并导致 tab-index 重置到页面的开头。

Vue-multiselect 有没有办法正确维护 Safari 中的选项卡位置?否则,有没有办法在不打开下拉菜单的情况下专注于 Vue 多选输入?

0 投票
1 回答
367 浏览

javascript - Vue.js 多选组件错误:属性或方法“isOpen”未在实例上定义,但在渲染期间引用

我面临一个常见的 vue 错误,但我找不到任何解决方案来修复它。我正在调用Multiselect组件,但出现很多错误:

我导入了我的组件:

我在我的组件中添加了:

然后我叫它:

我检查了所有数据变量,没有错误。

我不明白为什么我会收到所有这些错误。重要提示:其他组件中的相同调用工作正常。

0 投票
1 回答
425 浏览

vue.js - VueJS Multiselect 更改所有选择的默认值

我正在使用 vue-multiselect.js ( https://vue-multiselect.js.org/ )。

Atm 我需要将所有文本翻译成德语。Atm 我在多选中使用海关

它工作正常,但我经常使用这些多选。所以维护它很痛苦。我需要在每个组件的每个多选中更改它。有没有办法在全球范围内定义这些“noResult”、“noOptions”、“placeholder”等?那么每个组件中的每个多选都是一样的吗?

0 投票
0 回答
790 浏览

javascript - 如何让 vue-multiselect 3 与 Vue 3 一起使用?v2 + v2 在这个例子中工作正常

下面的示例代码取自 vue-multiselect (v2) GitHub 页面上的 JSFiddle,并出于本示例的目的放入单个 html 页面。

如果您取消注释 v2 脚本/链接标记并注释掉 v3 标记。它工作正常。但是,使用如图所示的 v3 标记会出现错误“未捕获的 TypeError:window.VueMultiselect 未定义”。

0 投票
1 回答
138 浏览

vue.js - 以编程方式与 vue-multiselect 交互

试图用这些打开选择:

这个可以通过直接选择项目来工作,但在我的情况下,元素需要可见,所以无论如何我都必须打开抽屉。

为了做到这一点,我尝试遍历整个 vue-multiselect 节点树并向每个元素发送点击:

0 投票
0 回答
79 浏览

vue.js - 在 vue-popover 组件中使用 vue-multiselect 但它不显示多选组件

我正在使用 vue 2.6.12 、 v-tooltip 2.1.3 和 vue-multiselect 2.1.6。我需要将多选组件显示到 popover 组件中,但它没有显示任何内容,但是当我将它放在 popover 组件之外时,它可以正常工作。

0 投票
0 回答
143 浏览

vue.js - 使用 Vee-Validate 的问题和 Vue 多选

希望你们中的一些人可以帮助我,可能我弄错了,但我无法使Field组件从 Multiselect 元素中获取输出。在接收来自 5 个不同步骤的字段输入的 Metronic8 向导中,我试图得到这个

在来自向导的 vee-validate 表单数据中,我将组声明为由该字段传递的数组,具有默认值 []。在 setup 函数中,我定义了这些默认值,以便通过分派到商店的操作来获取 Multiselect 的选项

如果没有 Field 组件,Multiselect 可以正常工作,并返回我的对象​​数组id。但是当我console.log在每个向导的“下一步”按钮上输出时,数组保持在他的默认值。

我不太确定 Field 如何从 Multiselect 中获取值,因此可以预期组在下面的对象中显示为空。你如何将它们结合起来?在不改变太多逻辑的情况下有没有更好的选择?请帮助,并感谢您的时间!

0 投票
3 回答
592 浏览

javascript - 如何使用 v-model 值为 vue-multiselect 选择复选框

问题:在创建的选定选项复选框没有被选中,我希望复选框被选中而不考虑checked真/假

注意: 我总是想要没有checked状态的价值模型

下图显示了我的问题(请参见黄色区域)

在此处输入图像描述

这是我尝试过的:

请帮助我提前谢谢!

0 投票
2 回答
653 浏览

javascript - 如何使用 vue-multiselect 进行动态多个下拉菜单

嗨,我不知道通过更改数据和自动加载特定组件的 vue 是否可以实现我想要实现的目标

以下是我的期望(在 jquery 中试过)

从上面的代码片段中,您可以通过选择country -> india -> Bengaluru或观察到country -> usa -> Silicon Valley

我想复制同样的东西 vue-multiselect

以下是我在 vue 中尝试过的