uni-app：showModal中实现弹窗中文本框输入

最新推荐文章于 2025-03-07 14:46:27 发布

25号底片~

最新推荐文章于 2025-03-07 14:46:27 发布

阅读量8.5k

点赞数 6

分类专栏： uni-app 文章标签： uni-app 前端 javascript

本文链接：https://blog.csdn.net/weixin_46001736/article/details/133384754

版权

uni-app 专栏收录该内容

93 篇文章

订阅专栏

效果

代码

<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>