javascript - 在javascript中创建对象时如何动态提供字段名？

Question

我正在尝试使用 es6 结构在 javascript 对象中动态添加字段名称和值。问题是它没有使用仅 fieldName 的值

updateValue(event){

        let varName = event.target.dataset.field;

        this.realFormData = {...this.realFormData , varName : event.detail.value};
        console.log( this.realFormData); 
    }

Console.log 操作：{somefield:"someValue" , varname : "somevalue"}

如您所见，它使用字段作为 varName 而不是 varName 的值

如何绑定值varName而不是其字符串？

标签： javascriptobjectecmascript-6

Answer 1

像这样 ：

this.realFormData = {...this.realFormData , [varName] : event.detail.value};