Javascript Vue 3传送到元素并替换内容

我正在使用来渲染div中的元素，它可以按预期工作

传送将向所选元素添加项目，但不会替换div中的当前元素

我如何设置teleport来替换div中的元素，就像安装vue应用程序时替换锚定div内容一样

上下文：我需要占位符元素的SEO原因，直到应用程序呈现和传送

<!-- HTML outside the app -->
<div>
  <div id="teleport-here">Teleport placeholder... I want this to be replaced by the teleport component</div>
  <div id="app">This placeholder will be replaced with app when app mounts...</div>
</div>

<!-- teleport component -->
<teleport to="#telport-here">
  <div>Teleport content...</div>
</teleport>

传送占位符。。。我想用传送组件来代替它
安装应用程序时，此占位符将替换为应用程序。。。
传送内容。。。

您需要一些单独的逻辑，以便在必要时删除占位符

在

设置中将占位符的内容设置为“无”：


Vue.createApp({
设置（）{
常量占位符=document.getElementById（'teleport-here'）；
placeholder.innerHTML=''；
}
}).mount（“#app”）

传送占位符。。。我想用传送组件来代替它
安装应用程序时，此占位符将替换为应用程序。。。
传送内容。。。
您需要一些单独的逻辑，以便在必要时删除占位符

在
设置中将占位符的内容设置为“无”：


Vue.createApp({
设置（）{
常量占位符=document.getElementById（'teleport-here'）；
placeholder.innerHTML=''；
}
}).mount（“#app”）

传送占位符。。。我想用传送组件来代替它
安装应用程序时，此占位符将替换为应用程序。。。
传送内容。。。
Uncaught TypeError:无法读取nullThis Teleport占位符的属性“remove”。。。我想这将被替换为传送组件是在应用程序之外。不在应用程序中，那么您必须使用vanilla JS将其作为目标，并以相同的方式删除它编辑我的应答它删除teleport divUncaught类型中teleport呈现的内容错误：无法读取nullThis teleport占位符的属性'remove'。。。我想这将被替换为传送组件是在应用程序之外。不在应用程序中，那么您必须使用vanilla JS将其作为目标，并以相同的方式删除它编辑我的回答它删除teleport div中teleport渲染的内容