效果
代码
<template>
<view>
<!-- 显示弹窗的按钮 -->
<button @click="showInputDialog">显示弹窗</button>
</view>
</template>
<script>
export default {
methods: {
showInputDialog() {
uni.showModal({
title: '请完成数据填写',
content: '',
editable:true,//是否显示输入框
placeholderText:'请输入SN号',//输入框提示内容
confirmText: '确认',
cancelText: '取消',
success: (res) => {
if (res.confirm) {
console.log('输入的内容:', res.content);
}
}
});
}
}
};
</script>
官方文档
文章来源:https://www.toymoban.com/news/detail-728412.html
uni.showToast(OBJECT) | uni-app官网 (dcloud.net.cn)文章来源地址https://www.toymoban.com/news/detail-728412.html
到了这里,关于uni-app:showModal中实现弹窗中文本框输入的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!