首页 > 其他 > 详细

怎样在 Svelte 中获取目标元素 DOM 节点

时间:2021-09-09 16:52:05      阅读:38      评论:0      收藏:0      [点我收藏+]

正文

也就是 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

怎样在 Svelte 中获取目标元素 DOM 节点

原文:https://www.cnblogs.com/aisowe/p/15245558.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!