<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;
}