【问题标题】:multiple v-checkbox after option remove multiple select not working选项后的多个 v-checkbox 删除多个选择不起作用
【发布时间】:2019-08-12 14:09:31
【问题描述】:

我会尽量简化我的解释。

https://codepen.io/jordan_gio/pen/QeRNZr

Check it out.

当它起作用时:不要点击删除。尝试选择一项或多项。效果好吗?

当它不起作用时:现在尝试删除第一个(删除第一个项目后的按钮)。然后尝试再次选择复选框。删除后,它们都被选中,然后我无法选择多个复选框。

【问题讨论】:

    标签: vue.js vuejs2 vue-component vuetify.js


    【解决方案1】:

    您使用项目的索引作为键,然后转换数组。这不是一个好主意。要解决您的问题,请将e 用作:key 而不是index

    <li v-for="e in options">
      <v-checkbox
        :key="e"
        ...
    

    【讨论】:

    • 谢谢。顺便说一句,我可以像 v-model 那样拥有一个数组,还是应该为每个复选框设置不同的 v-model,它们是真还是假
    • 视情况而定。对于独立的复选框,最好使用多个模型。但是对于集合,最好使用数组
    猜你喜欢
    • 1970-01-01
    • 2015-10-23
    • 2013-11-22
    • 1970-01-01
    • 2016-06-19
    • 1970-01-01
    • 1970-01-01
    • 2019-04-16
    • 1970-01-01
    相关资源
    最近更新 更多