javascript - emberjs didRender 不工作

Question

我想在我的页面完全加载时开始一些CSS转换(包括所有背景图像)，所以我正在尝试组件的 didRender 事件，但它从未被调用。这就是我的代码的样子

export default Ember.Component.extend({
    didRender() {
        console.log('did render working');
        var home =$('#main-outlet')[0];
        home.className += " homePage";
        startTimer(5);
    },
    willDestroyElement() {
        console.log("destroying view");
        var home = $('#main-outlet')[0];
        home.className = " wrap";
    }
});

但是，当我使用 didInsertElement 事件时，我的代码工作正常，但我无法使用，因为它是在加载图像本身之前执行的对此有什么想法或替代方法吗？

Answer 1

试试这个:

didInsertElement() {
  this._super(...arguments);
  Ember.run.scheduleOnce('afterRender', this, function(){
    var home =$('#main-outlet')[0];
    home.className += " homePage";
    startTimer(5);
  });
},

didRender 每次重新渲染后都会起作用。也许您应该更喜欢 didInsertElement (仅有效一次)并安排您的函数。

关于:Ember Run