如何转义要在语句中使用的 JavaScript 函数参数变量？

Question

我有以下代码块

  data () {
    return {
      parkingExtra: false,
      housekeepingExtra: false,
      storageExtra: false,
      gymExtra: false,
      spaExtra: false,
    }
  },

  methods: {
    enableExtraPriceField: function(elementToToggle) {
      this.elementToToggle = true;
      var el = document.getElementById(elementToToggle);
      el.disabled = false;
      el.placeholder = '';
      el.focus();
    }
  }

elementToToggle 参数将始终等于数据变量之一的值（顺便说一下，我使用的是 vue.js），例如parkingExtra、housekeepingExtra 等。如何使 elementToToggle 变量在 this.elementToggle = true 使用相应的值，即将它变成 this.housekeepingExtra = true 例如？因为它没有使用 elementToToggle 作为变量。

Answer 1

您将需要使用bracket notation 通过变量名this[elementToToggle] 访问对象属性：

methods: {
  enableExtraPriceField: function(elementToToggle) {
    this[elementToToggle] = true;
    var el = document.getElementById(elementToToggle);
    el.disabled = false;
    el.placeholder = '';
    el.focus();       
  }
}