怎样在 Svelte 中获取目标元素 DOM 节点
正文
也就是 Vue 和 React 中的 ref 值,但 Svelte 中的获取方法更加符合直觉:把 DOM 节点的 this 赋值给特定变量
<script>
import { onMount } from "svelte";
let titleEl;
console.log("组件尚未挂载,因此为:", titleEl);
onMount(() => {
console.log("组件挂载完成,因此为:", titleEl);
});
</script>
<h1 bind:this={titleEl}>Hello World!</h1>