使用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
如果快乐太难,那祝你平安。
分类:
uni-app
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律