删除按钮一一点击后如何启用添加按钮?

时间:2019-04-29 07:19:21

标签: vue.js

我有两个表,第一个有添加按钮,第二个有删除按钮。当我添加项目时,它会自动推送到我的第二张表中,而我的添加按钮将被禁用,具体取决于我添加的行。我想从第二张表中单击删除按钮后启用添加按钮。当我删除表格上的一行时,所有添加按钮都被启用的问题。如何启用添加按钮一个接一个?

<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;

                }

        }

0 个答案:

没有答案