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

assignData(key, value) {
  this[key] = value;
}

使用点击调用程序激活变量时，您必须指定要分配的变量。

Answer 2

您可以使用该功能发送要更改的属性。

name 'bookday_id' is not defined

，然后在您的代码中

bookday_id

这是jsfiddle的摘录：https://jsfiddle.net/49gptnad/6447/

Answer 3

您应该使用vm.$set( target, key, value )或Vue.set( target, key, value )

Vue.set docs

vm.$set docs

使用方法分配数据以vue数据变量动态

3 个答案: