凯发k8天生赢家一触即发

vue2 如何实现将dom元素转移到指定节点 -凯发k8天生赢家一触即发

2023-10-18

背景:在写商城页面时,pc端给的设计图纸是按照宽度1920给的,内部内容区域(main)1191px,写死的指定宽度。然后新出了一个页面,类似于12306的这个页面,图片部分,直接占满了屏幕的100vw,内部div的宽度,超出了外部的,因此想到了vue3新出的teleport,vue2如何实现这个功能

新建一个teleport组件

点击查看代码

从使用页面引入组件

点击查看代码




注意样式不要写在使用属性里
指定转移的节点,通过id的方式,进行绑定

点击查看代码
 




vue2 如何实现将dom元素转移到指定节点的相关教程结束。

网站地图