如何将数据对象的值放在另一个数据对象vueJS中

Question

这是我的代码：

left_join

此代码不起作用。我想将fish_user_key_bindings的值放在我的对象data () { return { msg: '', rgbValue: '', newColor: { color: this.msg } } } 中。有没有人有办法解决吗？

以下是代码的补充：

＆＃13;

＆＃13;

msg

＆＃13;

newColor

＆＃13;

＆＃13;

＆＃13;

你可以看到msgFunc之后，推送我的数据库，问题出在这里，他正确推送对象，但他没有更新颜色值

Answer 1

在this.msg方法返回之前，您将无法访问data等数据属性。

只需在return语句之外设置该值：

data () {
  let msg = '';

  return {
    msg: msg,
    rgbValue: '',
    newColor: {
      color: msg
    }
  }
}

如果您需要newColor属性始终反映this.msg的值，则可以将其设为计算属性：

data () {
  return {
    msg: '',
    rgbValue: '',
  }
},
computed: {
  newColor() {
    return { color: this.msg }
  }
}