choin
choin
  • 发布:2018-12-29 11:50
  • 更新:2019-01-02 09:29
  • 阅读:2156

【报Bug】input组件v-if与focus冲突

分类:uni-app

详细问题描述(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)
[内容]

【 input设置v-if是否显示,然后input设置focus为true,当input为显示的时候键盘弹起后立即会自动收回,而我想要的是 input组件显示后弹出键盘不要自动收回键盘】

重现步骤
[步骤]
[结果]
[期望]
[如果语言难以表述清晰,可以拍一个视频或截图,有图有真相]

IDE运行环境说明
[HBuilder 或 HBuilderX]
[IDE版本号]
[windows版本号]
[mac版本号]

App运行环境说明
[Android版本号]
[iOS版本号]
[手机型号]
[模拟器型号]

附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[安装包]

联系方式
[QQ]

2018-12-29 11:50 负责人:无 分享
已邀请:
虫雪浓

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

<template>  
    <view class="wrap">  
        <input v-if="show" type="text" placeholder="点击输入" :focus="focus">  
        <button type="primary" @click="btn">点击弹起</button>  
    </view>  
</template>   

<script>  
export default {  
    data() {  
        return {  
            classdata: '',  
            focus:false,  
            show:false  
        };  
    },  
    methods: {  
        btn(){  
            this.show = true  
            this.$nextTick(()=>{  
                this.focus = true  
            })  
        }  
    }  
};  
</script>
  • choin (作者)

    谢谢

    2019-01-06 11:46

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