当我单击按钮时，如何删除tbody（表单）被检查

Question

我通过dataPush函数添加表单

    dataPush(dataType) {
         let dataObject;
              if (dataType == 'bankInfo') {
                 dataObject = {
                    bankIndex: 0,
                    bankOwner: '',
                    bankName: [],
                    bankAccount: '',
                }
          }
    }

这是用于删除功能，但我不知道要通过什么检查表？

   dataPull(dataType, index) {
            this[dataType].splice(index, 1);
        },

按钮位于v-for之外，所以我不知道如何传递已检查的索引

以下是更多详细信息：

Answer 1

您可以使用inputParams（在其中绑定复选框的位置），它提供了选中或未选中的索引数。

Answer 2

在复选框上附加一个事件处理程序，以便它将一个值分配给将在拼接操作中使用的全局变量。

JS：

data: {
   selected: [];
}
methods: {
    checkedForm: function (index) {
        // check if checkbox is checked before pushing.
        this.selected.push(index);
    }

    dataPull: function () {
        if (this.selected.length < 1)
            return;

        this.selected.forEach((index) => { 
            this[dataType].splice(index, 1);
        }

        this.selected = [];
    }
};

的HTML

<tbody v-for="(item, index)">
...
<input type="checkbox" v-on:change="checkedForm(index)"/>
...
</tbody>