0

在应用程序中，我们实现了 laravel-vue-pagination，在我们的分页中，我们的列是复选框和支付金额（输入字段），其中复选框是用户想要支付的项目。

页面加载后，它将保存在一个名为 items 的变量中。

在此处输入图像描述

我们有一个点击复选框的事件，当用户选中它时，它将推送到另一个名为 selected_items 的变量。取消选中时，它将删除 selected_items 中的值

getPerSelectedItems(i,purchase_item_id){
  if(this.items.data[i].checked == true)
  {
    this.selected_items.push({
      amount_due: this.items.data[i].amount_due,
      balance: this.items.data[i].balance,
      checked: this.items.data[i].checked,
      date_due: this.items.data[i].date_due,
      net_of_vat: this.items.data[i].net_of_vat,
      number: this.items.data[i].number,
      paid_amount: this.items.data[i].paid_amount,
      purchase_item_id: this.items.data[i].purchase_item_id,
      purchase_tag: this.items.data[i].purchase_tag,
      selected_chart_of_account: { id: this.items.data[i].selected_chart_of_account.id, name: this.items.data[i].selected_chart_of_account.code+" : "+this.items.data[i].selected_chart_of_account.name },
      selected_responsibility_center: { id: this.items.data[i].selected_responsibility_center.id, name: this.items.data[i].selected_responsibility_center.name },
      selected_wht_list: { id: this.items.data[i].selected_wht_list.id, name: this.items.data[i].selected_wht_list.name, rate: this.items.data[i].selected_wht_list.rate },
      total_amount_payable: this.items.data[i].total_amount_payable,
      total_wht: this.items.data[i].total_wht,
      transaction: this.items.data[i].transaction,
      transaction_id: this.items.data[i].transaction_id,
      wht_payable: this.items.data[i].wht_payable,
      with_tax: this.items.data[i].with_tax
    })
  }else{
    this.selected_items = this.selected_items.filter(function( obj ) {
        // return obj.purchase_item_id !== this.items.data[i].purchase_item_id;
        return obj.purchase_item_id !== purchase_item_id;
    });
  }
},

例如我检查了这两个项目，变量项目将如下所示。

在此处输入图像描述

下面是 selected_items。

在此处输入图像描述

现在我的问题是可以更改 selected_items 的索引吗？在我上面的例子中， selected_items 应该是这样的

selected_items: [
   5: {},
   6: {}
]

不像这样

selected_items: [
       0: {},
       1: {}
    ]
4

2 回答 2

0

this.selected_items.push()将始终设置数字键索引。

您应该使用它来设置特定的索引。

this.selected_items[i] = this.items.data[i];
于 2021-07-12T00:50:32.083 回答
0

Javascript 数组不能跳过索引或有“字符串索引”。一个 Javascript 数组是专门用数字索引的。当您设置“字符串索引”时，您正在设置对象的属性。

如果你设置一个数组的索引 5 和 6，它看起来像这样。

selected_items: [
   0: undefined,
   1: undefined,
   2: undefined,
   3: undefined,
   4: undefined,
   5: {},
   6: {}
]
于 2021-07-11T23:59:26.057 回答