vue-form-generator & vue-multiselect：不能删除标签，复制它们

Posted 2023-03-11

技术标签:

【中文标题】vue-form-generator & vue-multiselect：不能删除标签，复制它们【英文标题】：vue-form-generator & vue-multiselect: can't remove tags, duplicates them 【发布时间】：2020-02-14 10:56:19 【问题描述】：

我将vue-form-generator 与vueMultiselect 字段一起使用（vue-multiselect 的集成）。

添加标签效果很好，但是删除标签失败（点击x图标）：

尝试删除第一个现有标记时没有任何反应如果您添加标签并尝试删除它，则会发出一个重复标签的input 事件

例如：

以Vue.js 开头在Vue.js 上单击x ==> 标记仍然存在，(BROKEN) 添加Rails.js ==> Vue.js, Rails.js (OK) 在Rails.js 上单击x ==> Vue.js、Vue.js、Rails.js（BROKEN）

Here is a link to reproduce the problem

问：这是否因为我配置错误vueMultiselect 而失败（例如，我需要设置一些选项来防止这种行为）？

如果不是，我就把它当作一个错误提出来

Versions:

Vue = 2.5.17 vue-multiSelect = 2.1.2 vue-form-generator = 2.3.4

【问题讨论】：

【参考方案1】：

看看这个codepen也许会对你有所帮助。

小提琴 - https://jsfiddle.net/73ufp4ys/

根据这个Github issue，这仅仅是因为缺少trackBy 选项。

【讨论】：

是的，它有效：具体是什么导致我的代码失败？