<template>
<view class="">
<input v-model="value" :focus="focusState" @blur="focusState = false" />
<button @click="inputFocus()">Focus</button>
</view>
</template>
<script>
export default {
data() {
return {
value: '',
focusState: false
}
},
methods: {
inputFocus() {
// 需要使用 this.$nextTick/setTimeout 进行赋值
this.$nextTick(() => {
this.focusState = true
})
}
},
setup() {
this.focusState = true // 默认获取焦点
},
}
</script>
uview无法使用$refs.input.focus()调用软键盘,以及小程序不能操作dom调用软键盘
最新推荐文章于 2024-01-22 18:02:28 发布