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>

单击按钮时，如何删除tbody（窗体）

2 个答案: