:focus=""调起键盘会闪跳
wangzifan
- 发布：2020-01-02 18:01
- 更新：2020-01-02 20:57
- 阅读：537
使用以下代码测试未复现，可以排查是不是其他原因导致的，是不是特定版本、机型、输入法才会有这个问题
<template>
<view class="content">
<button type="primary" @click="onClick">点我</button>
<input type="text" :focus="focus" value="" />
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello',
focus: false
}
},
onLoad() {
},
methods: {
onClick() {
this.focus = !this.focus
}
}
}
</script>
<style>
</style>
wangzifan (作者)
这样
<template>
<view class="content" @tap="focus=false">
<view v-for="i in 6" :key="i">
<button type="primary" @tap.stop.prevent="onClick(i)">点我</button>
<input type="text" :focus="focus==i" value="" v-if="focus==i"/>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello',
focus: -1
}
},
onLoad() {
</script>
<style>
input {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
border: 1upx solid #000;
}
</style>
2020-01-04 15:18
DCloud_uniCloud_WYQ
回复 wangzifan: 应该是v-if和:focus用同一个变量控制导致的，在你手机上是必现还是偶现
2020-01-04 20:30
7***@qq.com
你好，APP端， 我使用android 小米和华为，textarea使用focus属性，软键盘成功弹出，但是 文本框不聚焦，需要人工点一下。V3编译fast模式，HBUILDERX 2.6.4版本
2020-03-13 14:33