Javascript Vuetify-处理多个复选框

我有多个复选框，我想跟踪所选的值，但由于某种原因，在我取消选中复选框后，其标签将被删除，然后重新添加为true或false

如何使用vuetify正确跟踪复选框中的选定值

新Vue{ el:“应用程序”， vuetify：新的vuetify， 资料{ 返回{ 姓名：[“约翰”、“雅各布”、“朱尔斯”]， } }, } 所选名称：{{names}

---

您可以使用对象数组，其中标签和复选框值具有单独的字段，如下所示：

新Vue{ el:“应用程序”， vuetify：新的vuetify， 资料{ 返回{ 姓名：[ {value:'John'，selected:true}， {value:'Jacob'，selected:false}， {value:'Jules'，selected:true} ], } }, } 选定名称：

---

您可以使用对象数组，其中标签和复选框值具有单独的字段，如下所示：

新Vue{ el:“应用程序”， vuetify：新的vuetify， 资料{ 返回{ 姓名：[ {value:'John'，selected:true}， {value:'Jacob'，selected:false}， {value:'Jules'，selected:true} ], } }, } 选定名称：

---

或者，如果希望保留相同的数组结构，可以执行以下操作：

新Vue{ el:“应用程序”， vuetify：新的vuetify， 资料{ 返回{ 姓名：[“约翰”、“雅各布”、“朱尔斯”]， 所选名称：[] } }, 方法：{ HandleCheckBox单击名称{ 这是.selectedNames.IncludeName吗？ this.selectedNames=this.selectedNames.filtern=>n！=名称： 这是.selectedNames.pushname } } } 选定名称：{{selectedNames}}

---

或者，如果希望保留相同的数组结构，可以执行以下操作：

新Vue{ el:“应用程序”， vuetify：新的vuetify， 资料{ 返回{ 姓名：[“约翰”、“雅各布”、“朱尔斯”]， 所选名称：[] } }, 方法：{ HandleCheckBox单击名称{ 这是.selectedNames.IncludeName吗？ this.selectedNames=this.selectedNames.filtern=>n！=名称： 这是.selectedNames.pushname } } } 选定名称：{{selectedNames}}