fix(client): nextTickの中でonUnmounted呼び出しても効かない可能性がある

This commit is contained in:
syuilo 2022-02-12 17:29:15 +09:00
parent 73b1bf76ed
commit b6093a9d90

View file

@ -180,12 +180,12 @@ const setPosition = () => {
el.value.style.top = top + 'px'; el.value.style.top = top + 'px';
}; };
let loopHandler;
onMounted(() => { onMounted(() => {
nextTick(() => { nextTick(() => {
setPosition(); setPosition();
let loopHandler;
const loop = () => { const loop = () => {
loopHandler = window.requestAnimationFrame(() => { loopHandler = window.requestAnimationFrame(() => {
setPosition(); setPosition();
@ -194,12 +194,12 @@ onMounted(() => {
}; };
loop(); loop();
onUnmounted(() => {
window.cancelAnimationFrame(loopHandler);
});
}); });
}); });
onUnmounted(() => {
window.cancelAnimationFrame(loopHandler);
});
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>