使用 Javascript 字符串引用对象中的值

如何解决使用 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 的佣金值的对象，但我不知道如何实现。