Выполнение скрипта после отрисовки блока

[in19farkt]

Привет.

Подключили Makeup к стартеркиту на вебпак. Для некоторых компонентов, после отрисовки, нужно выполнять скрипт, чтобы компонент принял окончательный внешний вид (используются jquery плагины). Можно ли среагировать на переключение элемента, чтобы после вставки элемента на страницу его проинициализировать?

Сейчас решили проблему так:

import pugTemplate from './index.pug';
import render from '../calendar';

const data = {
  name: 'calendar',
  type: 'module',
  items: [{
    name: 'default.calendar.component',
    type: 'module',
  }]
};

function template({module: blockName}) {
  switch (blockName) {
    case 'default.calendar.component': {
      setTimeout(() => {render()}, 300);
      return pugTemplate({});
    }
  }
}

export {
  data,
  template,
}

здесь функцию render() нужно выполнить после отрисовки блока default.calendar.component.

[Chaptykov]

Привет!

В объекте с данными вы можете для любого уровня вложенности указать поле snippet, значением которого должна быть функция.

После инициализации компонента, выполнятся все сниппеты по цепочке вложенности.

Например, для таких данных:

var data = {
  label: 'Project',
  snippet: () => console.log(1),
  items: [
    {
      name: 'component',
      snippet: () => console.log(2)
    }
  ]
}

После отрисовки блока, в консоли выведется:

1
2

[in19farkt]

Спасибо :)