css fixed定位被transform影响的问题

fixed定位嵌套在transform的盒子中时会被强行降为 absolute

这种情况下只能将写有定位的盒子摘出来 但是有时候必须嵌套在一起

我们可以将需要定位的盒子摘出来写成子组件
然后在子组件的mounted钩子函数中写入以下代码

	this.$nextTick(() => {
			const body = document.querySelector("body");
			if (body.append) {
				body.append(this.$el);
			} else {
				body.appendChild(this.$el);
			}
		});