uni.showModal怎么做两个输入框

在uni-app框架中，`uni.showModal` 是用于弹出模态层的功能，通常用于提示用户、请求确认等场景。如果你想在模态层中添加两个输入框，可以按照以下步骤操作：

1. 首先，导入需要的组件和API：

import { showModal, Input } from '@vant/components';

2. 定义数据模型，包含输入框的数据：

data() {
  return {
    modalTitle: '请输入信息',
    inputs: {
      input1: '',
      input2: '',
    },
  };
},

3. 创建模态层内容，包括两个 `Input` 组件：

<template>
  <view>
    <!-- 当需要显示模态时 -->
    <button @click="showModal(inputs)">打开模态</button>

    <!-- 模态层的模板 -->
    <van-dialog :title="modalTitle" v-model="modalVisible">
      <van-field v-for="(input, index) in inputs" :key="index" type="text" placeholder="请输入第{{ index + 1 }}个输入"></van-field>
    </van-dialog>
  </view>
</template>

4. 添加处理模态关闭的方法以及绑定可见状态：

methods: {
  showModal(inputs) {
    this.modalTitle = inputs.title || '默认标题'; // 如果你想自定义标题
    this.modalVisible = true;
  },
  closeModal() {
    this.modalVisible = false;
  },
}

5. 使用完后记得关闭模态：

<!-- 弹出模态后，关闭按钮或其他事件关闭 -->
<van-button @click="closeModal">确定</van-button>