关于uni-app|关于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|关于uni-app 在弹出Popup时让input自动获取焦点的问题】