问题标签 [vue-multiselect]

我的问题可能很难理解，所以如果你能找到更好的方法，请帮助我重新组织问题。

所以，我正在建立一个注册平台。

(1) 首先，我收到一个用户可以签到的case对象数组。

(2) 每个对象由 2 个属性组成，“名称”、“描述”。

（3）我将数组存储在数据中，最终在名为“vue-multiselect”的选择器提供的元素中使用它，它基本上接受数组并循环对象并显示它们。

(4) 如您所见，它同时显示属性和值，这是我试图避免的。我的问题是，是否可以只将“名称”值传递给选择器，并在悬停第一个值时显示描述值？

我在尝试实现 vueform/multiselect 时遇到了非常奇怪的错误。我发现的大多数示例都没有使用单文件组件，这就是我想要采用的方法。我正在尝试将 MultiSelect 组件导入另一个名为“AgentDetails”的组件中。我正在使用 VUE-CLI 和 VUE 3。

自定义选择.vue

AgentDetails.vue（这里是我要插入 CustomSelect 组件的地方）

我不断收到这些错误：

所以我在 VUE-MULTISELECT 上有一个错误

这是我的代码

这是我的方法代码

这是我数据上的代码

它给了我这个错误

我目前正在构建一个过滤器vue-multiselect。一切正常，但我面临的唯一问题是，在页面重新加载时，标签（v-model）为空。

原因肯定是，v-modelselectedOption在页面重新加载时是空的，因为来自父组件的 prop 是一个计算属性。

为了获得最佳可读性，我将删除大部分代码。

父组件（ProductList.vue）：

子组件（ProductListFilter.vue）

现在的问题是，如果我{{ selectedProductType }}在模板中打印，它当然是空的，因为在父组件中，该属性是一个计算属性，来自一个 api。我已经尝试this.selectedProductType = this.currentProductType在mounted中使用，但这也不起作用，

我在使用 vue multiselect 从 API 调用中选择多个项目时遇到问题，但我得到空白，即使响应正在控制台上打印。

多选：

数据：

但是现在我在 vue 模板中什么也没有得到，但是随着数据在控制台上打印，我也得到了 0 值 vue 控制台。

我尝试了一切，但我无法解决这个问题。

我正在使用vue-multiselect像这样：

...从数组中获取活跃客户列表，然后在一个不错的选择菜单中提供它们。

这很好用。但是，我需要从另一个资源（称为customerNone）添加另一个选项到options道具，但数据作为对象返回，如下所示：

{"uid":1,"lastname":"None Given","firstname":"User","email":null,"phone":null...blah}

vue-multiselect 文档声明:option道具必须是一个数组。

问题：我在 vue-multiselect 组件中处理这个问题的最佳方法是什么？这是我试图帮助解释我正在尝试做的事情（不确定这是否是处理它的最佳方法）。不幸的是，我的尝试导致控制台错误（见下文）：

我正在传递一个名为的道具noCustomer，如果是true，我需要在以下位置使用customerNone配置文件:options：

这是错误：

有没有办法可以将对象转换为customerNone对象数组？谢谢！

我一直在使用 [vue-multiselect]

[1]：https ://www.npmjs.com/package/vue-multiselect 。在一个表单中，我有多个多选下拉菜单。主要问题是浏览器的自动完成行为。我要么想关闭它，要么希望它按预期工作。我试图通过禁用自动完成

但他们都没有工作。或者，如果我们保持自动完成行为，那么在选择多选输入的自动建议时，除了其他多选输入之外，我会得到其他输入由浏览器自动填充。Other multiselect does not allow autofill of values in other multiselects given by browser when any autosuggestion from first multiselect is selected. 例如，我有三个多选：州、区、市在选择州时，我会从浏览器中获得自动建议。在其中一个鼠标悬停时，我会在我之前填写的 District and City 中获得 District and City 自动填充。但是当我从 State 中选择 Autosuggestion 值（当然是由浏览器而不是我给出的）时，我会从 State、District 和 City 中得到所有值，这对用户不利。请，

selected我是 vue 新手，在构建更新表单时，当指定多个属性时，我在预选多个选项时遇到了问题，只有最后一个被选中，而且我还发现selectedvue 永远不会呈现该属性！

我找到了一个支持这个vue-multiselect的 vue 包

但我只想知道为什么vue不支持这个，我必须使用另一个库？

我正在尝试在我的 Laravel 7.3 项目中包含Vue- Multiselect 我最终想要包含多个选择选项，但我试图将其设置为正常的选择选项以开始并试用它。

我已经尝试按照为其提供的所有说明进行设置（通过 npm 安装）并按照 Laravel 示例 Vue 组件的示例进行设置，但是，当我运行它时，我得到了两组错误：

• 属性或方法“值”未在实例上定义，但在渲染期间被引用
• 未捕获的 RangeError：超出最大调用堆栈大小

我已按照说明操作并尝试复制确切的代码以确保仍然会导致与我在下面包含的改编代码相同的错误。

多选.vue 组件

在 app.js 中包含组件

刀片模板

我在引导模式上添加了 [vue-multiselect][1] 组件。我在通过按返回键使用 mac 键盘选择选项时遇到问题，它没有选择任何选项。这只发生在 Mac chrome 浏览器上。这是我在引导模式上用于生成多选的示例代码。请建议