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

效果

代码

html 复制代码
<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>

官方文档

uni.showToast(OBJECT) | uni-app官网 (dcloud.net.cn)

相关推荐
开航母的李大10 分钟前
【中间件】Web服务、消息队列、缓存与微服务治理:Nginx、Kafka、Redis、Nacos 详解
前端·redis·nginx·缓存·微服务·kafka
Bruk.Liu11 分钟前
《Minio 分片上传实现(基于Spring Boot)》
前端·spring boot·minio
鱼樱前端37 分钟前
Vue3+d3-cloud+d3-scale+d3-scale-chromatic实现词云组件
前端·javascript·vue.js
coding随想1 小时前
JavaScript中的原始值包装类型:让基本类型也能“变身”对象
开发语言·javascript·ecmascript
zhangxingchao1 小时前
Flutter入门:Flutter开发必备Dart基础
前端
佚名猫1 小时前
vue3+vite+pnpm项目 使用monaco-editor常见问题
前端·vue3·vite·monacoeditor
满分观测网友z1 小时前
vue的<router-link>的to里面的query和params的区别
前端·javascript·vue.js
BillKu1 小时前
Vue3 + TypeSrcipt 防抖、防止重复点击实例
前端·javascript·vue.js
鱼樱前端1 小时前
Vue3结合three和babylonjs实现3D数字展厅效果
前端·vue.js