不在DOM中时，Ember重新渲染

Question

我从同一型号设置了四个组件。根据项目的状态，它将显示在四个组件之一中。

组件是：is-new，is-ready，is-started，is-completed。

在每个组件上我都有一个时间戳，我想连续更新。但是，只要模型的DOM或状态更新，Ember就会出现以下错误。

Something you did caused a view to re-render after it rendered but before it was inserted into the DOM.

这是其中一个组件的示例：

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'article',

  click: function() {
    this.attrs.action();
  },

  didInsertElement: function() {
    this.updateCreatedAt();
  },

  updateCreatedAt: function() {
    console.log(this.isDestroying, this.isDestroyed);
    if (this.isVisible && !this.isDestroying && !this.isDestroyed) {
      this.rerender();
    }
    Ember.run.later(this, 'updateCreatedAt', 60000);
  }
});

有没有人对此事有任何线索？

Answer 1

当触发didInsertElement挂钩时，模板不一定呈现，您需要使用Ember.run.scheduleOnce进行计划：

didInsertElement() {
  Ember.run.scheduleOnce('afterRender', this, updateCreatedAt);
}