【JavaScript编程知识】Vue3 实现双盒子定位Overlay的示例.docxVIP

PAGE PAGE 1 Vue3 实现双盒子定位Overlay的示例 　　在 Vue 3 中，使用 Teleport 可以很优雅的把某个组件渲染到根节点之外的节点，同时使其渲染的内容不丧失响应式和对应的生命周期函数调用。那么基于此，用 Teleport 实现相对于某一元素的 Overlay 。 实际上，这篇文章跟 Vue3 的关系不大，只是通过 Vue3 讲解一类 Overlay 的设计方法。 　　原理 　　要实现相对于某一元素的 Overlay 需要依靠两个元素，Origin 和 Panel，Origin 表示相对于的元素，而 Panel 表示 Overlay 本身，实现