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
	}

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

GitHub 加速计划 / vu / vue
100
18
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:18 天前 )
9e887079 [skip ci] 11 个月前
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 1 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐