使用Vant组件popup覆盖微信原生组件无效

每天一个编程小技巧。

在使用Vant popup弹出层时，遮盖输入框无效。因为输入框为原生组件，在其他非原生组件同时显示时，原生组件的的层级最高。即使使用了z-index，也没有办法来调换原生组件和非原生组件之间的显示层级。
z-index只能够在原生组件之间进行层级调换。

所以，当你使用popup组件时，如有遇到以上问题，你的解决办法可以有两种：1. 在使用popup弹出层时，手动隐藏原生组件。
2. 避免弹出层的位置与原生组件重叠。将弹出层多余的空白部分最小化。