23 lines
443 B
TypeScript
23 lines
443 B
TypeScript
|
import Particle from '../components/particle.vue';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
bind(el, binding, vn) {
|
||
|
|
el.addEventListener('click', () => {
|
||
|
|
const rect = el.getBoundingClientRect();
|
||
|
|
|
||
|
|
const x = rect.left + (el.clientWidth / 2);
|
||
|
|
const y = rect.top + (el.clientHeight / 2);
|
||
|
|
|
||
|
|
const particle = new Particle({
|
||
|
|
parent: vn.context,
|
||
|
|
propsData: {
|
||
|
|
x,
|
||
|
|
y
|
||
|
|
}
|
||
|
|
}).$mount();
|
||
|
|
|
||
|
|
document.body.appendChild(particle.$el);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|