手机端键盘弹起输入框移动到可视区域中心

故事背景：

手机端填写表单信息时，弹起的键盘可能会遮挡表单元素，输入体验不好。

css

<el-form-item label="活动名称" id="juju">
<el-input v-model="form.name"></el-input> 
</el-form-item>

js

mounted() {

    window.addEventListener('resize', () => {
        setTimeout(() => {
            const node = document.getElementById('juju');
            node && node.scrollIntoView && node.scrollIntoView({
                behavior: 'smoth',
                block: 'center'
            })
        }, 500)
    })
}