vueモバイルappプロジェクトでflexレイアウトを使用し、携帯電話のキーボードページが持ち上げられ圧縮される問題

モバイルプロジェクト開発でこの問題に遭遇しました.原因分析:flexレイアウトはページ幅の高さによって変化するため、下部に携帯電話のソフトキーボードがポップアップされると、ページの高さの変化によってページが変化する.解决方法:原因さえ分かれば、解决は简単です.アプリというdivの初期化が完了したときに、携帯電話の画面の高さを取得し、heightに値を割り当てるだけでいいです.App.vue:

var height= document.documentElement.clientHeight; //             hrt  
	window.onload = function(){ //          
        document.getElementById('app').style.height= height + 'px'//           div
      }

対応するメソッドに上記のコードを追加し、初期化メソッドで呼び出せばよい.