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

posted on 2021-06-09 18:05  右究  阅读(607)  评论(0编辑  收藏  举报

导航