移動端input輸入的時候固定的底部被鍵盤頂上去解決方法
阿新 • • 發佈:2018-12-05
<div v-for="(item, index) in formList" class="formList" :key="index"> <input v-model="dataValue[item.alias]" :placeholder="item.placeholder" :type="item.type" :error="errorInfo[item.alias]" @focus="onFocus(item.alias)" @blur="onBlur()" onkeyup="this.value=this.value.replace(/\s+/g,'')"/> </div>
methods: { onFocus (key) { var ele = document.getElementsByClassName('button_footer')[0] ele.style.position = 'static' ele.style.marginTop = '4.68rem' ele.style.width = '100%' }, onBlur () { var ele = document.getElementsByClassName('button_footer')[0] ele.style.position = 'fixed' ele.style.bottom = '0.88rem' ele.style.width = 'calc(100% - 0.8rem)' } }
.button_footer {
position: fixed;
bottom: 0.88rem;
width: calc(100% - 0.8rem);
right: 0.4rem;
left: 0.4rem;
box-sizing: border-box;
}