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

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

 

posted on   有匪  阅读(2684)  评论(2编辑  收藏  举报

相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示