將標題重寫為:Vue 3:將內容傳送到元素並進行替換
P粉237029457
P粉237029457 2023-11-06 11:01:38
0
1
666

我正在使用Vue 3的teleport將元素渲染到一個div中,它按預期工作。

Teleport會將項目新增到所選元素中,但不會取代div中的目前元素。

我如何設定teleport以取代div中的元素,類似於vue應用程式在掛載時替換錨點div內容的方式?

背景:出於SEO的原因,我需要佔位元素,直到應用程式渲染和傳送。

<!-- 应用程序外部的HTML -->
<div>
  <div id="teleport-here">传送占位符...我希望这个被传送组件替换</div>
  <div id="app">当应用程序挂载时,这个占位符将被应用程序替换...</div>
</div>

<!-- 传送组件 -->
<teleport to="#telport-here">
  <div>传送内容...</div>
</teleport>


#
P粉237029457
P粉237029457

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!