试图只获得在vue JS中检查的记录

Question

我遵循这个库的复选框。我去看了一下代码，我看到了它是如何声明和使用的。

首先在el-table中我们有@selection-change="handleSelectionChange"。它们在data中声明为空数组元素，像这样

data() {
retrun {
multipleSelection: []
}
}, 
methods:handleSelectionChange(val) {
this.multipleSelection = val;
}

现在我要检查的是，如果我有一些复选框点击，那么我将只得到那些记录，而不是全部。我像这样检查-

let data = []
console.log(this.multipleSelection.length);
if (this.multipleSelection.length == 0) {
data = JSON.parse(JSON.stringify(this.myapidata));
} else {
data = JSON.parse(JSON.stringify(this.multipleSelection));
}

但我仍然得到完整的数据，不确定我错过了什么。如果有人在这方面有经验，请指导。

Answer 1

当您选择复选框时，v-model变量用所选值更新自己，这就是双向绑定所做的。在你的方法中控制multipleSelection-

methods: {
handleSelectionChange() {
// It will console only selected items
console.log(this.multipleSelection);
}
}

您应该看到只有选定的项目在multipleSelection中可用。