怎样在 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>

参考

https://www.sveltejs.cn/tutorial/component-bindings