关于uni-app 在弹出Popup时让input自动获取焦点的问题

 

关于uni-app 在弹出Popup时让input自动获取焦点的问题

分类:uni-app

input popup uniapp

在微信小程序的时候有时正常弹出,有时不弹出,有时弹出后input与软键盘中间有一大块空白区域,不知道哪里出了问题,各位大佬给看看,小弟谢过!
代码片段:

复制代码

数据:

复制代码    import uniIcon from "@dcloudio/uni-ui/lib/uni-icon/uni-icon"  
    import uniPopup from "@dcloudio/uni-ui/lib/uni-popup/uni-popup"  
    export default {  
        data() {  
            return {  
                myText:'',  
                setFocus:false  
            };  
        },  
        computed:{  
            publishColor(){  
                if(this.myText){  
                    return '#ff4049'  
                }else{  
                    return '#999'  
                }  
            }  
        },  
        components:{uniIcon, uniPopup},  
        methods:{  
            commentClick(){  
                this.$refs.popup.open()  
                this.setFocus=true  
            },  
            handelChange(){  

            }  
        }  
    }

css样式:

复制代码    .bottomWrapper{  
    position: fixed;  
    bottom: 0;  
    background-color: #fff;  
    width: 100%;  
    padding: 16rpx 10rpx;  
    border-top: 1px solid $uni-border-color;  
}  
.buttonWrapper{  
    text-align: center;  
    display: flex;  
    justify-content:center;  
    align-items:center;  
    font-size: $uni-font-size-base;  
    color: $uni-text-color;  
}  
.publishWrapper{  
    display: flex;  
    // padding: 6rpx;  
    justify-content: space-between;  
    input{  
        border: 1px solid $uni-border-color;  
        border-radius: 40rpx;  
        padding-left: 20rpx;  
        width: 70%;  
    }  
    view{  
        width: 20%;  
        text-align: center;  
    }  
}

部分截图:

 

关于uni-app 在弹出Popup时让input自动获取焦点的问题_第1张图片

 

 

关于uni-app 在弹出Popup时让input自动获取焦点的问题_第2张图片

 

 

关于uni-app 在弹出Popup时让input自动获取焦点的问题_第3张图片

 

 

你可能感兴趣的:(关于uni-app 在弹出Popup时让input自动获取焦点的问题)