分类：双盒子定位

2020
12-22

Vue3 实现双盒子定位Overlay的示例

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