记录一下uni-app开发微信小程序input自动获取焦点以及手动设置聚焦的坑

660 阅读1分钟

我使用技术是uniapp,自行按自己的语法去写就行了,这里只是提供一个思路

请看下面这段代码

重点:blur的时候一定要把变量设置为true,这样变量才会改变,下次手动聚焦设置为true的时候响应机制才会发现变量改变了!

 <input @blur="onBlur" :focus="inputFocus" maxlength="4" type="number" v-model="code" />
 
 <script setup lang="ts">
    import {
        ref,
        computed,
    } from 'vue'

    const inputFocus = ref<boolean>(true)

    const onInputFocus = () => {
        inputFocus.value = true
    }

    const onBlur = () => {
        inputFocus.value = false
    }
</script>

题外:uniapp vue3语法无法去获取ref元素,vue2语法不知道可不可以。百度的都说可以,等我找到方案再进行补充