目的：主要运用在注册页面，当点击表单中的input，手机端出现输入框，固定在底部的层则会挤到上方，导致页面不美观。

注册页面展示
不进行监听处理的页面

有图可知，当我点击input的时候，固定在底部的层级会被挤在键盘上方。
底部固定层级，一般使用position：fixed；

//Mfooter 固定在页面底部
 <div class="Mfooter" v-show="hidshow">好好学习 天天向上</div>
<script>
export default {
//data中的docmHeight和showHeight必须要先有值显示。
    data() {
        return {
            docmHeight:document.documentElement.clientHeight,
            showHeight:document.documentElement.clientHeight,
            hidshow:true
        }
    },
    mounted() {
        window.onresize = ()=>{
            return(()=>{
                this.showHeight = document.body.clientHeight;
            })()
        }
    },
    watch:{
        showHeight:function() {
        if(this.docmHeight > this.showHeight){
            this.hidshow=false
        }else{
            this.hidshow=true
        }
    }
    },
    methods: {
       
    }

}
</script>

根据监听判断使用后

ps:这个方法是百度的，自己使用感觉可以，目前我是觉得不错。

2.HTML页面中的window.onresize

window.onresize = funcRef; funcRef是一个函数引用。

<script>
window.onresize=funcRef;
function funcRef(){
//注意clientWidth等的大小写问题
var Wbox = document.documentElement.clientWidth;
alert(Wbox);
}
</script>