if/else解决用户提示弹出影响排版的问题

实际开发中遇到一个问题，请输入手机号提示是通过view组件写在input输入框下面的，弹出时会影响到后面的排版，同事给我的建议是使用定位的方式，比较麻烦。

 部门大佬给我提示再添加一个空盒子占位，用if/else控制显示，实现弹出提示不影响排版的效果。

下面是实现代码：

wxml页面：wx:if/else 绑定一个布尔值。

wxss页面：设置两个盒子高度一致

.null-box {
    height: 44rpx;
}
.err-msg {

    height: 44rpx;
}

 js页面：设置布尔值的true和false实现两个盒子的切换显示

效果：