Svelte 绑定尺寸属性

Posted 右究

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Svelte 绑定尺寸属性相关的知识,希望对你有一定的参考价值。

正文

类似 clientWidth、clientHeight 这类属性,想要实时获取它们的值需要进行事件监听,但借助 Svelte 强大的数据绑定功能,可以做到对这一类属性的绑定与即时获取。

<script>
  let clientWidth, clientHeight;
</script>

<div bind:clientWidth bind:clientHeight>
  {clientWidth} - {clientHeight}
</div>

<style>
  div {
    width: 80vw;
    height: 80vh;
  }
</style>

参考

https://www.sveltejs.cn/tutorial/dimensions

以上是关于Svelte 绑定尺寸属性的主要内容,如果未能解决你的问题,请参考以下文章

我对Sapper / Svelte有一些疑问

Svelte:双向绑定触发反应性两次

Svelte 绑定选择值未在获取时更新

为啥双向绑定组件在 Svelte 中更新两次?

Svelte 绑定:offsetWidth 与上下文

如何初始化片段中的绑定属性以使双向数据绑定工作