button按鈕被輸入法頂起來，遮蓋了input輸入框

 　　在作手機端的表單提交的時候，在chrome瀏覽器調試的時候，忘記輸入法會引發佈局的問題。在webApp裏input輸入框，會自動調起輸入法，可是輸入法會改變瀏覽器的可視區域的大小。就是會把瀏覽器可視區域的內容變小，由於輸入法要佔地方。一開始不知道怎麼解決了，查了寫資料，網上說是監控resize，當頁面發生變化的時候，會觸發該事件；哈哈,這就好辦了...

　　開始按鈕的顯示是這樣的, 在填寫銀行帳號的時候，還會影響文本框的輸入...

　　

　　由於我使用的是vue2.x,那麼就在mounted鉤子函數裏監聽該事件：

　　

 

　　btnShow 實在data裏聲明的變量，默認是true（其實也能夠動態改變 :style 來隱藏或顯示，也能夠設置z-index=-1來改變按鈕的顯示狀態）；當監控的resize發生變化的時候，實時的獲取瀏覽器的高度（newHigh）；在和這個頁面的實際高度（oldHigh）對比，若是 newHigh 小於 oldHigh 說明瀏覽器的高度被輸入法遮擋了一部分；這個時候，能夠讓button隱藏；反之顯示；

 　　實現的效果以下：

　　

　　基本實現了本身的需求...