问题标签 [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 投票
3 回答
322 浏览

javascript - 如何使用 VS 2017 在 asp .net 解决方案中使用 vue-multiselect 标记?

我正在尝试使用 vue-multiselect 标记,但我遇到了一些错误,例如:

“vue.js:634 [Vue 警告]:未知的自定义元素:-您是否正确注册了组件?对于递归组件,请确保提供“名称”选项。”

和:

“SyntaxError:请求的模块‘ https://unpkg.com/vue-multiselect@2.1.0 ’不提供名为‘default’的导出”

任何人都可以帮助我吗?

我的脚本:

我的html代码:

0 投票
1 回答
3319 浏览

vue.js - 如何重置 vue-multiselect 组件?

如果用户单击“重置”按钮,我正在使用Vue-Multiselect并且无法理解如何重置 vue-multiselect 组件。

在此处输入图像描述

这是我的代码:Codesandbox

模板:

脚本:

客户选择:

0 投票
1 回答
2921 浏览

vue.js - vue js-多选:全选/取消全选

我需要在 vue multiselect https://vue-multiselect.js.org/中选择全部并取消选择所有功能

这是问题陈述/要求:

MainArray=[1112,1113,1115,6667,6668,6669,1199,1144]

当我输入 111 时,vue multi select 将只显示:

1112,1113,1115

现在我需要一个选项来一键选择所有这三个项目,并且需要将这些项目添加到

selectedArray=[1112,1113,1115]

当我再次输入 66 vue multi select 将显示

6667、6668 和 6669

现在我需要选择所有这三个项目,从而使

selectedArray = [1112,1113,1115,6667,6668,6669]

现在我再次搜索 111 多选 vue 将显示 1112,1113,1115。现在我需要取消选择所有从而使

selectedArray=[6667,6668,6669]

当我再次搜索 11 时,我会显示 vue 多选

1112,1113,1115,1199,1144。

这里 1112,1113,1115 处于选中状态,1199,1144 处于取消选中状态。现在,当我单击全选[可能是复选框或可单击文本]时,我需要选择剩余的未选中项目。从而使

selectedArray=[1112,1113,1115,6667,6668,6669,1199,1144]。

查询:

  1. 我可以为此全选/取消全选选择的最佳控件是什么?复选框/可点击文本?

  2. 实现此功能的最佳解决方案?

0 投票
2 回答
2817 浏览

javascript - 从vue js中的数组对象获取数组中的id

我是 Vue js 的新手,当我使用 vue-multiselect 时,我在数组对象中有数据,如下所示。

但在我的功能中,我需要key:value像下面这样访问

但我得到所有数组对象而不是id唯一。我需要得到ID唯一的数组,下面是我的代码。我不知道如何仅id通过array使用以下代码获得。

这对某些人来说可能很容易,但我找不到办法。任何帮助,将不胜感激。提前致谢

0 投票
1 回答
304 浏览

javascript - 测试是否为 Vue 中的事件调用了该方法

我一直在尝试编写一个测试来检查是否在 Vue 中的标记事件上调用了函数。我有这个组件(有点总结)

我正在尝试测试是否调用了函数fn。为此,我编写了以下测试

但每次我得到

接听电话数:0

我究竟做错了什么?

0 投票
1 回答
2178 浏览

vue.js - 如何在 vue-multiselect 组件上调用客户端验证?

我正在使用vue-multiselect 库,如下所示:

src/components/FeedbackForm.vue

问题:如何使这个选择组件在客户端需要?我以为我可以像这样简单地添加一个 HTML5 属性:

src/components/CustomerSelect.vue

模板部分:

脚本部分:

执行上述代码不会像常规 HTML 选择元素那样在浏览器中调用客户端验证。谢谢你的帮助。

0 投票
1 回答
2783 浏览

javascript - 如何在 vue-multiselect 中没有标签?

我正在使用 vue-multiselect 并复制了示例vue-multiselect 多选

在示例中可以看到标签不存在,这在所有示例中都会发生,默认情况下,标记在任何示例中都不存在。

在此处输入图像描述

但是当使用示例代码时,标记确实显示,

  • 我尝试使用:taggable="false"
  • 我尝试使用<template #tag></template>
  • 我也检查了,标签仍然显示的不是 CSS 隐藏它。 是重现该问题的最少代码。在此处输入图像描述

Desired 行为不像示例中那样显示标记。

0 投票
0 回答
251 浏览

javascript - 从 2 个 Vue 多选表单中动态填充列表

我在将国家/地区字段中的选定值继承到活动字段时遇到了一些麻烦。

我有 2 个子组件(国家和活动),它们都使用 Vue-multiselect。

country用作广告系列组件的道具,因为广告系列中的列表取决于用户选择的国家/地区。

这是我的主要字段形式:

这是我的广告系列子组件:

我声明country为道具的地方:

和获得活动的方法:

广告系列样本数据:

0 投票
2 回答
3644 浏览

javascript - Uncaught (in promise) TypeError: selfHook.call is not a function

我正在Vue-Multiple Select为多选选项使用包。

https://vue-multiselect.js.org/#sub-getting-started

按照他们的指示后,我收到一个错误。

在此处输入图像描述

对我来说非常未知的错误。我错过了什么?!

0 投票
1 回答
192 浏览

vue.js - onChange 两个选择 Vuejs 上的最大标签

我的 Vuejs 应用程序有问题,我有两个输入:1-第一个输入是选择“房间”的类型 2-第二个输入是选择房间中的最大用户

问题,比如我选择了4号房间;用户最多 4 人,但如果我回到第一个输入并选择房间 3,第二个输入始终保持值,一旦第一个输入更改,我想进行重置。

这是我的代码:

请问我该怎么做。

谢谢