鍍金池/ 問(wèn)答/Java  iOS  HTML/ 微信瀏覽器ios點(diǎn)擊輸入框后整個(gè)頁(yè)面消失?

微信瀏覽器ios點(diǎn)擊輸入框后整個(gè)頁(yè)面消失?

遇到一個(gè)很詭異的問(wèn)題:
項(xiàng)目是用的vue框架,有一個(gè)表單頁(yè)面,點(diǎn)擊input元素的時(shí)候,ios軟鍵盤(pán)彈出后會(huì)出現(xiàn)頁(yè)面消失的情況...但是當(dāng)前選中的輸入框焦點(diǎn)還在。(微信瀏覽器上)
頁(yè)面代碼如下:

<div id="add_addr">
            <header class="header">
                <div class="flex f_relative head_box">
                    <em class="h_l_icon" onclick="history.back(-1)">
                        <img src="../../../static/mallHtml/images/back.png"/>
                    </em>
                    <h5 class="t_center t_o">新建收貨地址</h5>
                    <em class="h_r_icon" @click="add_new">保存</em>
                </div>
            </header>
            <!--添加地址-->
            <div class="min_box">
                <div class="page_block a_addr_list">
                    <div class="a_addr_item flex">
                        <label>收貨地址</label>
                        <span class="flex f_relative">
                            <i class="l_icon"></i>
                            <input placeholder="請(qǐng)點(diǎn)擊添加地址(必填)" @click="get_map" readonly="readonly" v-model="addOne.address"/>
                            <i class="r_icon"></i>
                        </span>
                    </div>
                    <div class="a_addr_item flex">
                        <label>門(mén)牌號(hào)</label>
                        <span class="flex">
                            <input placeholder="門(mén)牌號(hào)" v-model="addOne.number"/>
                        </span>
                    </div>
                    <div class="a_addr_item flex long">
                        <label>聯(lián)系人</label>
                        <span class="flex">
                            <p><input placeholder="您的姓名" v-model="addOne.realname"/></p>
                            <p class="flex"><em class="flex" v-bind:class="{'sel':addOne.sex_ind==0}" @click.stop="add_sex(0)"><i></i>先生</em><em class="flex" v-bind:class="{'sel':addOne.sex_ind==1}" @click.stop="add_sex(1)"><i></i>女士</em></p>
                        </span>
                    </div>
                    <div class="a_addr_item flex">
                        <label>手機(jī)號(hào)</label>
                        <span class="flex">
                            <input placeholder="聯(lián)系電話" v-model="addOne.mobile"/>
                        </span>
                    </div>
                </div>
            </div>
        </div>

以下是截圖:
正常時(shí)(未點(diǎn)擊時(shí))
圖片描述
點(diǎn)擊后出問(wèn)題:
圖片描述
有沒(méi)有知道原因的?

回答
編輯回答
下墜

同問(wèn)!一樣的問(wèn)題 用的react

2018年6月8日 17:58