天天看点

处理VUE移动端输入法遮挡input输入框的问题

1、tmplate

<input v-model="id" @blur="blurIn">
           

 2、methods

blurIn() {
    window.scrollTo(0, Math.max(this.scrollHieght - 1, 0))
}
           

3、computed

computed: {
    scrollHeight() {
        return (
            document.documentElement.scrollTop ||
            window.pageYOffset ||
            document.body.scrollTop ||
            0
        )
    }
}
           

此方式可以通过滚动scroll来解决input被输入法遮挡的问题

继续阅读