javascript - 使用方法将数据分配给vue数据变量动态

Question

如何将数据分配给动态变量。

我想要实现的是:

我的 vue 数据变量:

test: '',

添加点击

<div @click="assignData(test)"

方法:

assignData(value) {
   // Now I don't want this
   this.test = 'lorem..';

   // Instead I want something like this
  value = 'new value for test';

  // Or
  this.value = 'new value for test';
}

现在显然这是行不通的，但我希望你能明白这一点。

我需要更改很多变量，我不想像这样在函数中添加所有变量

assignData(value) {

   this.test = 'lorem..';
   this.anotherVar = 'ipsum';
   this.newTest = '....';       
}

Answer 1

您可以通过函数发送您想要更改的属性。

<div @click="assignData('test', 'new value for test)">

然后在你的代码中

 assignData(prop,val) {
        this[prop] = val;
      console.log(this.test);
    }

这是 jsfiddle 的一个片段:https://jsfiddle.net/49gptnad/6447/