Sharkey/src/client/directives/particle.ts

25 lines
540 B
TypeScript
Raw Normal View History

2020-02-21 18:20:58 +02:00
import Particle from '../components/particle.vue';
export default {
bind(el, binding, vn) {
// 明示的に false であればバインドしない
if (binding.value === false) return;
2020-02-21 18:20:58 +02:00
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);
});
}
};