问题标签 [vue-multiselect]

第一次使用 vue 多选，我让它正确显示数据，但是当我选择一个选项并返回选择另一个时，它告诉我所有选项都被选中。但是我的 vue 开发工具告诉我只有一个显示在值中。

我在这里看到了一个类似的问题正确实现 Vue 多选时出错但是据我所知，我的 id 都不是相同的，这就是我告诉多选跟踪的。

下面的截图

在这里我想动态地从数据库中获取数据，为此我写了这个

在脚本中，如何用数据库中的值替换这些值？

最后是我写的从数据库中获取数据的方法，

要求：我有可搜索的下拉菜单，最初我不会有任何下拉项目，但是一旦用户输入一个字母，我希望调用一个 API，它会给我一个以该字母开头的下拉项目列表（例如，键入“A”应该返回“苹果”、“蚂蚁”等）。

简而言之：我需要一个带有下拉菜单的输入字段（类似于 Google 的搜索）。

我找到了一个 npm 包：https ://www.npmjs.com/package/vue-multiselect

当给定已经初始化的下拉项目时，这工作正常。

我想用从 API 结果填充的值的结果填充选项，但我找不到要在 keyup 上触发的事件。

试过：v-on:keyup.enter="eventname"和@keydown="eventname"：

恐怕这不能使用这个包来实现。

我的 Vue 多选组件：

和数据方法：

当我进行 API 调用时，我得到以下响应：

当我尝试将此响应绑定到 multiselectv-model时，即role.roleID：

多选组件失去反应性。

让我知道我在这里做错了什么。谢谢。

加载组件时，我需要在下拉列表中选择值

我正在尝试用 vue-multiselect 让我的代码成为朋友

找到了一个类似的主题 - 但是，该字段中没有出现任何内容 - 如果您然后选择一个值，一切正常链接

其实我得通过axios下载，mini版是这样的

但是当表单被加载并打开时 - 选择框中没有任何内容，

如果您从列表中进行选择，则模型会更改

截屏

例子

我究竟做错了什么？

我正在使用 vue multiselect 包，当使用<multiselect>代替传统包时，<select>我遇到了问题。在我的 vue 组件中，我传入了一个包含对象数组的道具，每个对象都有各种属性。使用 vue 中的传统选择，您可以使用循环遍历数组v-for，然后传递基于的值object.id，有没有办法使用 vue-multiselect 包做到这一点？不确定之前是否有人尝试将其用作表单的一部分，但值得一问。谢谢。

我的 Vue 文件

我需要一个支持标记并且可以轻松设置样式的下拉菜单，所以我决定实现vue-multiselect. 它可以工作，但问题是页面加载时我的下拉列表中有一个预定义的标签，而我没有那个标签，我该如何删除它？这是它现在的样子：

这是我希望它看起来的样子：

这是我的html代码：

这是我的js：

我有一个使用创建的自定义下拉列表vue-multiselect。它应该是一个简单的下拉列表，将所选选项列为标签。它可以工作，但是当我添加其他下拉列表时，一个下拉列表中的选定标签会出现在所有其他下拉列表中。我怎样才能使每个下拉列表只显示它的选定选项而不填充其他下拉列表？

这是我的代码：

和我的 javascript：

和一个工作代码笔：

https://codesandbox.io/s/multiselect-tag-example-forked-qecqn

下拉选项有一个带有一列的选项。我想让它看起来像网格视图选择。

问题：Vue Multiselect 未填充数据

基本说明：我正在使用 Vue Multiselect 作为应用程序计划的下拉菜单。我能够将数据加载到data道具中 - 通过在 UI 中的多选下方添加一个进行测试，<p>{{plans}}</p>它输出正确的数据，该数据是一个应由多选读取的对象数组。

模板代码：

脚本代码 - 精简：

对于created我尝试过的部分created，beforeCreate和beforeMount，所有这些似乎都不起作用。

额外说明：我可以通过将数据粘贴到 API 调用返回的数据道具来让多选输出正确的数据。