组件挂载到body层级下
因为一些原因,需要把子组件挂载到body层级下,以此来解决问题。
效果图:
![在这里插入图片描述](https://img-blog.csdnimg.cn/4bd3a6c6751a4250980c0312b33dfc02.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5oiR5piv5ZK46bG86Zey5Y-I6Zey,size_14,color_FFFFFF,t_70,g_se,x_16)
废话少说,上代码
在组件内部加入以下代码:
mounted() { // 切记 一定要在组件里加
this.$nextTick(() => {
const body = document.querySelector("body");
if (body.append) {
body.append(this.$el);
} else {
body.appendChild(this.$el);
}
});
},
如果感觉有用,请一键三连。