【问题标题】:Vue3 emit data to parent -> data not updatingVue3 向父级发送数据-> 数据不更新
【发布时间】:2022-10-07 21:46:19
【问题描述】:

我有以下问题。

我有一个父组件,我在其中存储来自子组件的数据。

在子组件中,我向父组件发出数据,而父组件将其存储到数据中。

这是第一次工作,但一段时间后不再可以存储。感觉就像父级中的数据没有更新。发射事件仍在工作。

下面的方法由 emit 触发:

updateData(value) {
  passData = value.daten;
  var stepName = value.stepName;

  if (this.formData[stepName]) {
    for (var i = 0; i < passData.length; i++) {
      
      var found = this.formData[stepName].find(
        (item) => item.question === passData[i].question
      );
      if (!found) {
        this.formData[stepName].push(passData[i]);
      } else {
        found.content = passData[i].content;
      }
    }
  } else {
    this.formData[stepName] = passData;
  }
},

这是有效的,但只是第一次。没有错误。在交互式变量的情况下,感觉 Vue3 的某些东西是不同的。

【问题讨论】:

  • 如果这是唯一有用的地方,这可能是矫枉过正,但这可能是状态管理的一个很好的用例。
  • 感谢您的提示!以前从未使用过状态管理,但这很好用!

标签: javascript vue.js vuejs3


【解决方案1】:

我通过添加舞台管理来修复它。它工作正常,它是更好的解决方案!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-08-24
    • 2020-03-28
    • 2021-05-27
    • 2015-01-18
    • 2019-08-22
    • 2020-07-01
    • 2020-03-16
    • 1970-01-01
    相关资源
    最近更新 更多