uni-app: Implement text box input in pop-up window in showModal

Effect

code

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

Official documentation

uni.showToast(OBJECT) | uni-app official website (dcloud.net.cn)