我使用技术是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语法不知道可不可以。百度的都说可以,等我找到方案再进行补充