问题标签 [vue-multiselect]

我需要使用 VueJs 将数据动态加载到多选选项。我尝试了很多方法，但没有什么对我有用。这是我的代码

Vue 函数

在 bove 函数中 BrandId 就像这样TCUK,WAFR,TOUR,MABU,只有逗号分隔的代码我想让它像下面一样

如果像上面那样手动分配值，它工作正常。我必须动态地做到这一点我怎样才能做到这一点？

我尝试在占位符中插入跨度，以更改颜色。但是占位符只返回字符串，如何解决这个问题？

这是我的代码。它包含我的 html 和 JS 代码。

我正在使用 Vue MD，我希望能够同时选择多个状态和类别。现在我只能选择一个状态，它会过滤掉它。我是 Vue MD 的新手。如果有人知道如何解决问题，请提供帮助。先感谢您。

我正在使用以下代码：

问题是从下拉列表中选择任何值，它显示在多选框中，但我无法通过交叉或从下拉列表本身中取消选择它来取消选择它。有人可以帮忙吗？

我正在使用 vue 多选。https://vue-multiselect.js.org

我的模板看起来像这样。

默认情况下，当我打开多选时，搜索查询为空。

我希望默认搜索查询等于 v-model。

多选组件的数据属性不会在更改时更新。复选框不会在前端更新。

预期行为：单击时应勾选复选框。

代码链接：https ://jsfiddle.net/bzqd19nt/3/

我在表单中有一个 vue-multiselect 组件，控制台报告我的选项未定义，即使我可以看到它们不是。我的选项是从后端获取的，并在创建此组件之前将其放入存储中。

控制台错误是

这是我的组件

在开发人员工具 Vue 检查器中，我可以看到选项看起来正确（对我来说）。我尝试将它们作为道具、计算值、映射状态传递——每次都是同样的问题。

如果我将选项换成在 data() 函数中定义的静态数组，它可以正常工作。任何人都可以确认我正确地实施了这一点吗？

这里面临一个小问题，使用 vue-multiselect 在表单编辑时设置预定义的选定值。我已经尝试了多种不同的方法来尝试使其工作，并且目前处于设置预定义值的阶段，但是每当我尝试手动更新 form.newstype 表单属性时，如下所示，该值不会改变多选。

期望的结果是不使用绑定到多选组件的@select 方法，而仅依靠模型通过2 路绑定进行更新，但是我的 form.newstype 似乎没有更新。任何指示或建议都是最受欢迎的。解决方案将是救命稻草。

代码相同可以在下面看到。

console.log 输出更新的对象，但是 form.newstypes 没有更新。

提前感谢您的帮助

我在组件的 v-model 中测试调度操作时遇到问题。我有一个多选，每次值更改时都会触发调度操作，因为所选值存储在 na Vuex 存储中。我想测试在多选中选择一个值后是否调用了调度操作。

那就是测试：

它不工作。我收到以下错误。

怎么了？请帮忙。

我想在执行某些功能之前删除 vue-multiselect 元素中用户输入的文本查询输入。

如果我不删除用户文本输入，我的数据数组仍然会被过滤，并且我无法访问整个初始数据集

我尝试使用 jquery 选择器设置为 null，但我想用户文本由 vue 恢复。

谢谢

请原谅我的近似英语我是法国人。

此致