uniapp+vue3 使用uni-popup uni-popup-dialog 弹窗对话框,进页面就会弹出软键盘,解决方法如下

1.弹窗对话输入框写法, 在uni-popup-dialog标签 加上v-if="isDialog"

<uni-popup ref="inputDialog" type="dialog">
			<!-- ref="inputClose" -->
			<uni-popup-dialog v-if="isDialog" mode="input" title="付款说明" v-model="dialogInput" placeholder="请输入付款说明"
				@confirm="dialogInputConfirm"></uni-popup-dialog>
		</uni-popup>

2.定义isDialog的值为false

const isDialog = ref(false)

3.在点击状态之后 改变isDialog的值为true

const handlePopup = () => {
		// console.log("点击了弹层");
		inputDialog.value.open()
		// showDialog.value = true
		isDialog.value= true
	}

到此就结束了,希望可以帮助在外漂泊的程序员们!!加油!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值