我有两个表,第一个有添加按钮,第二个有删除按钮。当我添加项目时,它会自动推送到我的第二张表中,而我的添加按钮将被禁用,具体取决于我添加的行。我想从第二张表中单击删除按钮后启用添加按钮。当我删除表格上的一行时,所有添加按钮都被启用的问题。如何启用添加按钮一个接一个?
<tbody v-for="(medicine, index) in gulod_medicines">
<tr v-if="index >= startIndex && index < endIndex">
<td>{{medicine.medicine_id}}</td>
<td>{{medicine.medicine_name}}</td>
<td>{{medicine.quantity}}</td>
<td>{{medicine.price}}</td>
<td>{{medicine.description}}</td>
<td>{{medicine.unit}}</td>
<td><button type="submit" id="terms" @click="gulodTransactionButton(medicine.medicine_id,medicine.medicine_name,medicine.price,medicine.description,medicine.unit,index)" :disabled="medicine.disabled" data-toggle="modal" data-target="#myModal3" class="btn bg-success text-light" class="small-box-footer"><i class="fas fa-plus"></i></button>
</td>
</tr>
</tbody>
<tbody>
<tr v-for="(transaction, index) in gulod_transactions">
<td>{{transaction.id}}</td>
<td>{{transaction.name}}</td>
<td>{{transaction.price}}</td>
<td>{{transaction.quantity}}</td>
<td>{{transaction.total}}</td>
<td><button data-toggle="modal" data-target="#myModal2" class="btn bg-primary" class="small-box-footer"><i class="fas fa-edit text-light"></i></button>
<button @click="removeTransactionAddToCart(index)" class="btn bg-danger ml-1" class="small-box-footer"><i class="fa fa-trash text-light"></i></button></td>
</tr>
</tbody>
//methods
gulodTransactionButton : function(id,medicine_name,medicine_price,medicine_category,medicine_unit, index) {
this.gulod_transaction_medicine_id = id;
this.gulod_transaction_medicine_name = medicine_name;
// this.gulod_transaction_quantity = medicine_quantity;
this.gulod_transaction_medicine_price = medicine_price;
this.gulod_transaction_medicine_category = medicine_category;
this.gulod_transaction_medicine_unit_category = medicine_unit;
this.gulod_medicines[index].disabled = true;
},
gulodTransactionAddToCart : function() {
var totalPrice = (parseInt(this.gulod_transaction_medicine_price) * parseInt(this.gulod_transaction_quantity)) + ".00";
this.gulod_transaction_purchase.id = this.gulod_transaction_medicine_id;
this.gulod_transaction_purchase.name = this.gulod_transaction_medicine_name;
this.gulod_transaction_purchase.price = this.gulod_transaction_medicine_price;
this.gulod_transaction_purchase.quantity = this.gulod_transaction_quantity;
this.gulod_transaction_purchase.total = totalPrice;
this.gulod_transactions.push({...this.gulod_transaction_purchase});
this.clearData();
},
removeTransactionAddToCart : function(index) {
this.gulod_transactions.splice(index, 1);
for(let i = 0; i <= this.gulod_medicines.length; i++) {
this.gulod_medicines[i].disabled = false;
}
}