如何转义要在语句中使用的 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 变量17=] = 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();       
  }
}

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

how to escape a JavaScript function argument variable to be used in a statement?

javascript

variables

vue.js