使用uni-app中的uni-popup-dialog组件编译成小程序会自动弹出键盘问题

发布时间 2023-07-04 10:15:49作者: 有匪

1.uni-app中使用 uni-popup 和 uni-popup-dialog组件mode模式为input时,会自动把键盘弹出来,如图所示:

 2.代码如下:

<uni-popup type="dialog" ref="dialog">
<uni-popup-dialog mode="input" title="name" placeholder="请输入name" @confirm="handleNameConfirm"></uni-popup-dialog>
</uni-popup>

<script>
export default {
data(){
return {
name: ''
}
},
methods: {
// 点击确定时,获取用户输入的内容
handleNameConfirm(val){
this.name = val
},
open(){
this.$refs.dialog.open(); //打开弹窗
},
close(){
this.$refs.dialog.close(); //关闭弹窗
}
}
}
</script>

3.解决方案

在 node_modules 中找到 uni-ui 文件,然后找到 uni-popup-dialog 组件,找到 uni-popup-dialog.vue 文件,在 mounted 生命周期中将 this.focus = true 修改为: this.focus = false