关于ember-form-for组件重渲染后init()未触发的问题咨询

我来帮你拆解这个问题的核心原因和解决思路~

首先得明确Ember组件生命周期的关键规则：init()钩子只会在组件实例第一次被创建的时候执行一次。当组件因为绑定的数据变化、父组件更新等原因重新渲染时，它属于同一个组件实例的更新阶段，并不会重新调用init()——这完全是符合Ember生命周期设计的正常行为，不是组件本身的bug哦。

针对你在init()里执行set(this, 'name', 'value')的需求，这里给你几个适配不同场景的解决方案：

方案1：用didRender()处理每次渲染的逻辑 #

如果需要在组件**每次渲染（包括初始化和后续更新）**时都确保name的值是'value'，可以把逻辑移到didRender()钩子中。不过要注意加个判断条件，避免因为设置属性触发无限重渲染：

didRender() {
  this._super(...arguments);
  // 只有当name的值不符合预期时才设置，防止循环渲染
  if (this.get('name') !== 'value') {
    this.set('name', 'value');
  }
}

方案2：用计算属性/didUpdateAttrs()响应外部属性变化 #

如果name的赋值需要依赖父组件传递的属性，更推荐用数据驱动的方式：

• 用计算属性直接返回固定值或基于外部属性计算：

import { computed } from '@ember/object';

// ...
name: computed('externalParentAttr', function() {
  // 可以根据父组件传递的externalParentAttr动态计算，或者直接返回'value'
  return 'value';
})

• 如果需要在父组件传递的属性更新时重新设置name，可以用didUpdateAttrs()钩子：

didUpdateAttrs(attrs) {
  this._super(...arguments);
  // 检测特定属性的变化，比如父组件传递的formModel
  if (attrs.oldAttrs.formModel && attrs.oldAttrs.formModel.value !== attrs.newAttrs.formModel.value) {
    this.set('name', 'value');
  }
}

方案3：确认组件是否被复用 #

如果你的组件是通过条件渲染（比如{{#if}}）切换显示的，那组件销毁后重新创建时init()会再次执行；但如果是同实例的重新渲染，init()就不会触发。你可以通过willDestroyElement()钩子打印日志，确认组件是否被销毁，以此判断是不是实例复用的问题。

内容的提问来源于stack exchange，提问作者Marek Grác