Svelte中如何访问DOM元素并与之交互

在Svelte中，可以使用bind:this指令来访问DOM元素，并在组件中与之交互。以下是一个简单的示例：

<script>
    let inputElement;

    function handleClick() {
        inputElement.focus();
    }
</script>

<input type="text" bind:this={inputElement}>
<button on:click={handleClick}>Focus Input</button>

在上面的示例中，通过bind:this={inputElement}将<input>元素绑定到inputElement变量上，然后通过handleClick函数在按钮点击时让input元素获取焦点。这样就可以直接访问DOM元素并与之交互了。