前言
在DOM结构相对比较复杂,层级嵌套比较深的组件内,需要根据相对应的模块业务处理一些逻辑,该逻辑属于当前组件
但是从整个页面应用的视图上看,它在DOM中应该被渲染在整个vue应用外部的其他地方,不能影响组件的结构...,父组件,子组件,在后代组件内,添加一个按钮,弹出一个模态框,让它在页面垂直水平居中显示
如下所示,父组件如下所示App.vue
...button按钮来触发打开当前组件的模态框,里面存在着控制弹框的显示和隐藏的逻辑,当嵌套的组件比较深,复杂时
如果父级元素存在定位,那在控制子元素的位置时,用css的transform或者position...如果目标元素也是由 Vue 渲染的,你需要确保在挂载 之前先挂载该元素
这个teleport将指定的模板html,放置到页面当中指定的位置处,它是有条件的,不是可以任意传送的
在安装组件之前...Teleport
在某些场景下可能需要视情况禁用 。