2
取出时
请看下面的例子:自动卸载从DOM
riot.mount('clock')
setTimeout(()=>{
console.log("removing from dom")
var el = document.getElementsByTagName("clock")[0];
el.parentNode.removeChild(el);
riot.update();
}, 5000)
<script src="https://cdnjs.cloudflare.com/ajax/libs/riot/2.5.0/riot+compiler.min.js">
</script>
<script type="riot/tag">
<clock>
<p>{ time }</p>
this.time = new Date();
tick() {
this.update({ time: new Date() })
}
var timer = setInterval(this.tick, 1000)
this.on("unmount",() => {
\t console.log("unmounted")
clearInterval(timer)
});
this.on("update",() => {
console.log("on update");
});
this.tick();
</clock>
</script>
<clock></clock>
,我们安装一个标记,然后用正常的DOM方法将其删除。在这种情况下,可以看出虽然标签不再存在,但它尚未被卸载,因此unmount
事件处理程序中的处理代码未运行。
我可以使用DOM MutationObserver来处理这种情况,但我想知道如果我错过了一些东西。