假设我创建了一个名为 Component 的组件，我这样称呼它。
<Component>This text goes in the slot</Component>
组件内部我可以用<slot></slot>在 html 中显示该文本 https://svelte.dev/tutorial/slots。如何在脚本部分引用它的值？是否存在存储它的变量？
要获得插槽内容，您需要应用技巧。
在你的组件中包裹slots into a span并使用绑定元素bind:this
在 Component.svelte 中
<script>
let data;
$: console.log(data?.innerHTML)
$: console.log(data?.innerText)
</script>
<span bind:this={data}><slot></slot></span>
你可以在这个里面查一下repl https://svelte.dev/repl/7c780140b089441193e55ca509e2bc92?version=3.44.0
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
