Используйте строку Javascript для ссылки на значение в объекте

У меня есть небольшое приложение, которое рассчитывает комиссию с продаж. У меня есть 2 массива и объект для установки значений комиссий.

data () {
    return {
      saleTemplate: {
        deviceType: String,
        carrierInsurance: String,
        accessoryTotal: Number
      },
      sales: [],
      deviceTypes: [
        { type: 'phone', commission: 7.50 },
        { type: 'watch', commission: 3.50 },
        { type: 'tablet', commission: 3.50 }
      ],
      insuranceOptions: [
        { type: 'Carrier', commission: 4.00 },
        { type: 'Allstate', commission: 0.00 },
        { type: 'None', commission: 0.00 }
      ]
    }

saleTemplate — это объект, который заполняется пользователем, а затем добавляется в массив sales для истории.

У меня есть вычисляемое свойство calculatedSale(), которое вычисляет комиссию за продажу и обновляет его в реальном времени.

computed: {
    calculatedCommission () {
      const device = this.saleTemplate.deviceType
      const insurance = this.saleTemplate.carrierInsurance
      const accessoryTotal = this.saleTemplate.accessoryTotal

      return (device + insurance + accessoryTotal)
    }
  }

Тут я стал идиотом и понял, что device и insurance это строки. Я хотел бы сослаться на объект, который указывает значение комиссии device и insurance, и я не знаю, как это сделать.


person joshwcorbett    schedule 14.02.2021    source источник