【问题标题】:vue-form-generator & vue-multiselect: can't remove tags, duplicates themvue-form-generator & vue-multiselect:不能删除标签,复制它们
【发布时间】:2023-04-07 12:37:02
【问题描述】:

我将vue-form-generatorvueMultiselect 字段一起使用(vue-multiselect 的集成)。

添加标签效果很好,但是删除标签失败(点击x图标):

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

例如:

  • Vue.js 开头
  • Vue.js 上单击x ==> 标记仍然存在,(BROKEN)
  • 添加Rails.js ==> Vue.js, Rails.js (OK)
  • Rails.js 上单击x ==> Vue.jsVue.jsRails.jsBROKEN

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

【问题讨论】:

    标签: vue.js vuejs2 vue-multiselect


    【解决方案1】:

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

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

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

    【讨论】:

    • 是的,它有效:具体是什么导致我的代码失败?
    猜你喜欢
    • 2021-03-04
    • 2020-05-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-24
    • 1970-01-01
    • 2017-08-10
    相关资源
    最近更新 更多