Передача props в new Component(el, propsData), почему не срабатывает обработчик клика из propsData?

Question

[furrya_black]

Создаю компонент кнопки следующим образом

createElButton(options = {}, el) {
		let ButtonComponent = Vue.extend(ElButton);
		let buttonInstance = new ButtonComponent({
			el: el,
			propsData: options
		});
		console.log(buttonInstance);
		return buttonInstance;
	}

В propsData соотвественно props компонента.

Кнопка рендерится, переданные параметры все попадают в новый инстанс компонента (String,Object,Array,и тд)
Единственное что не срабатывает - это callback клика по кнопке.

<a class="button" v-on:click="onClick"></a> // что так
<a class="button" v-on:click="clickHandler"></a> // что этак

// не срабатывает

props: {
   onClick: { type: Function, default() {} }
}

methods: {
    clickHandler() {
        console.log('clickHandler called');
        this.onClick();
    }
}

// clickHandler called в конслои не вываливается

Answer 1

[Антон Антон]

А зачем это делать так, если можно в @click сделать $emit и уже в родителе прописать v-on:click, как делают все?

Comments

[furrya_black]

Значит в родителе нужно сделать $on('ev') на этот $emit('ev').

Без подписки на событие листенером в родителе можно обойтись?

[Антон Антон]

furrya_black: это так работает,
props events

[furrya_black]

ОК, спасибо