搜索
您的当前位置:首页处理VUE移动端输入法遮挡input输入框的问题

处理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被输入法遮挡的问题

因篇幅问题不能全部显示,请点此查看更多更全内容

Top