6***@qq.com
6***@qq.com
  • 发布:2019-01-18 11:03
  • 更新:2019-01-18 15:15
  • 阅读:2976

问题:input聚焦后,弹出软键盘,又自动关闭,什么原因?

分类:uni-app

你好,关于input聚焦问题,点击按钮显示隐藏的input并且弹出键盘;

2019-01-18 11:03 负责人:无 分享
已邀请:
虫雪浓

虫雪浓 - 热爱生活,热爱编程

提供能复现问题的简单demo,方便定位问题。

  • 6***@qq.com (作者)

    代码如下:


    <template>

    <view>

    <view class="uni-flex uni-row header">

    <view class="grace-iconfont icon-arrow-left" style="width: 80upx; margin-left: 20upx;" @tap="back()"></view>

    <view class="grace-center" style="flex: 1; display: block;">回复/拒绝</view>

    </view>

    <view class="background-g formSyle" style="margin-top: 110upx;">

    <view class="mainPad grace-slide-do" style="border:0; padding:16upx 3%;">

    <view class="BtoNav uni-flex uni-row" v-if="inputc" style="width: 96%; left: 2%;">

    <input class="uni-input" confirm-type="send" focus placeholder="请输入" />

    </view>

    <view class="BtoNav uni-flex uni-row" v-if="!inputc">

    <view class="text background-f grace-center border-top font-color-true" @tap="communicate('false')" style="width: 50%; font-size:32upx; color: red;">拒绝</view>

    <view class="text back-color-true grace-center" style="flex: 1; font-size:32upx" @tap="communicate('true')">回复</view>

    </view>

    </view>

    </view>

    </view>

    </view>

    </template>


    <script>

    export default {

    data() {

    return {

    inputc:false,

    focus: false,

    id: '',

    };

    },

    onLoad: function(option){

    },

    methods:{

    communicate: function(type) {

    this.inputc = true;

    console.log("type:",type)

    },

    back: function() {

    },

    }

    }

    </script>


    <style>


    </style>

    2019-01-18 13:12

虫雪浓

虫雪浓 - 热爱生活,热爱编程

关键代码修改如下:

<view class="BtoNav uni-flex uni-row" v-show="inputc" style="width: 96%; left: 2%;">  
    <input class="uni-input" confirm-type="send" :focus="inputc" placeholder="请输入" />  
</view>
  • 6***@qq.com (作者)

    谢谢!明白为什么不好使啦!

    2019-01-18 16:57

  • 2***@qq.com

    我也遇到了这个问题,场景是用了6个input框作为掩码输入框,当我给他设置focus为true时,弹起来键盘又自动放下去,而且页面有抖动,tabbar一闪而过,是一个新的空白页面,您给回复的这个没看明白改的哪个,能不能高亮注释一下改的哪里啊?

    2019-03-04 00:30

  • 1***@qq.com

    回复 6***@qq.com: 为什么?

    2020-08-31 09:22

该问题目前已经被锁定, 无法添加新回复