24 lines
540 B
TypeScript
24 lines
540 B
TypeScript
import Particle from '../components/particle.vue';
|
|
|
|
export default {
|
|
bind(el, binding, vn) {
|
|
// 明示的に false であればバインドしない
|
|
if (binding.value === false) return;
|
|
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);
|
|
});
|
|
}
|
|
};
|