uniapp手动让input框获取焦点

最新推荐文章于 2025-06-10 14:54:04 发布

llaughing_

最新推荐文章于 2025-06-10 14:54:04 发布

阅读量5.8k

点赞数 9

CC 4.0 BY-SA版权

文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/llaughing_/article/details/129425354

在uniapp中，直接使用ref.focus()可能无法让input框获取焦点。为了解决这个问题，需要在input失去焦点时将:focus的值设为false，然后利用$nextTick或setTimeout确保DOM更新后，再将focusState设回true，从而使input能正确获得焦点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp中input框使用ref.focus()无法直接获取到焦点，需要先在input失去焦点时，将:focus的值改为false，然后通过setTimeout或$nextTick使input获取焦点

<template>
<input :focus='focusState' @blur='focusState = false' />
</template>

<script>
export default {
    data (){
        return {
            focusState = true;
        }
    },
    methods:{
        clickFocus(){
            this.$nextTick(() => {
                this.focusState = true
            })
        }
    }
}
</script>