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

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

时间:2023-07-04 10:26:31浏览次数:35  
标签:popup 编译成 键盘 dialog 组件 uni app

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

 

标签:popup,编译成,键盘,dialog,组件,uni,app
From: https://www.cnblogs.com/sunnyeve/p/17524944.html

相关文章

  • 聊天室(二)__ unipush 推送实现详细教程
    一、推送作用推送作用我就不废话了,能做推送的都知道作用,直接上干货。 二、unipush快速开通 Dcloud开发者实名认证注册账号,绑定对应的app信息。uni-push产品有2个入口:通过HBuilderX(3.5.1及其以上版本)进入打开HBuilderX,双击项目中的“manifest.json”文件,......
  • autosys job use unix command
    AutosysvariablenotbeingsetinprofileAskedby:BadHatHarryIhavecreatedanautosysjob(thisisatestjob,theoriginalonealsohasthesameproblem)whereifIsourcetheprofilemanuallythevariable$HDG_RunPergetssetproperly,whereasw......
  • Unity Visual Studio 常用的自带配置以及快捷键
    ​完整文档->UnityVisualStudio常用的自带配置以及快捷键一、内联提示 不等号字体 快速创建新文件快捷键:Ctrl+shift+A 选择下一项与多行光标Alt+左键功能增强需安装插件Select Next Occurrence 拆分窗口窗口右上角 折叠大纲​......
  • 微信小程序uniapp解决真机顶部自定义菜单显示(手机状态栏覆盖)
    1.在data里面加入参数statusBarHeight:uni.getSystemInfoSync().statusBarHeight,//状态栏高度2.对返回按钮处理<!--空出状态栏高度--><view:style="'height:'+statusBarHeight+'px;'"></view><!--返回按钮--><di......
  • Unity3D高级编程主程手记 学习笔记四:用户界面
     用户界面(UI)是游戏项目中重要的组成部分。面对一个从零开始的项目,首先要选择选用哪个UI系统作为主框架。主流公司里最常用的UI系统有:NGUI,UGUI,除此之外还有部分公司使用FairyGUI,DoozyUI。UGUI的运行原理UGUI是在3D网格下构建起来的UI系统,它的每一个可显示元素都是通过3D......
  • 2023-07-03 uniapp小程序端报错:TypeError: eval is not a function
    完整报错:ErrorinonLoadhook:"TypeError:evalisnotafunction" onLoad钩子中的错误:“TypeError:eval不是函数”原因:代码里使用了eval函数,小程序端不支持该函数,h5端和app(Android)端支持。解决方案:小程序端采取替换eval方案。注意:eval函数被认为是不安全的函数,存在脚本代......
  • 2023-07-03 禁止uniapp之app端上下滑动出现的回弹效果:"app-plus": {"bounce": "none"}
    前言:uni项目打包到app(以Android为例)上运行,上下滑动页面的时候会出现一个半圆,这就是所谓的退弹,如需关闭可在pages.json文件中的globalStyle中添加一下代码即可:"app-plus":{"bounce":"none"}uniapp关于app-plus的更多配置可参考官网:https://uniapp.dcloud.net.cn/colloc......
  • Python - 编写Unicode 字符串
    Python的字符串字面量支持"\xNN"十六进制字节值转义以及"\uNNNN"和"\UNNNNNNNN"Unicode转义。第一种形式用4位十六进制数编码2字节(16位)位字符码点第二种形式用8位十六进制数编码4字节(32位)码点。十六进制值0xCD和0xE8,是ASCII的7位字符范围之外的两个特殊的声调字符......
  • 小程序、APP、WEB、H5、UNIAPP通用的canvas导出图片,html转为图片多端通用版
    小程序、APP、WEB、H5、UNIAPP通用的canvas导出图片,html转为图片多端通用版 <canvasv-show="zhangdanImageShow" style="width:380px;height:500px;background-color:white;border-radius:5px;"canvas-id="postCanvars" id="postCanvars"&......
  • 多端全栈项目实战:大型商业级代驾业务全流程落地SpringCloudAlibaba+Mysql+Redis+Docke
    多端全栈项目实战:大型商业级代驾业务全流程落地SpringCloudAlibaba+Mysql+Redis+Docker+Uniapp+Vue3随着移动互联网的快速发展和智能手机的普及,代驾服务成为了一个日益火热的行业。在这个行业中,如何构建一个具备商业级可靠性和扩展性的代驾业务系统成为了关键问题。本文将介绍一......