uniapp表单根据值1，2获取输入框选择的男女和地址

UniApp 中的表单设计通常会利用 Vue 的数据绑定和条件渲染功能来实现这种动态显示。假设你有一个包含性别和地址字段的选择器，可以根据给定的值（1代表男，2代表女）来隐藏或显示对应的选项。

首先，你需要在 Vue 组件的数据部分定义两个变量，分别对应男性和女性的默认选择：

data() {
  return {
    genderValue: 1, // 默认值为男
    addressOptions: { male: '男地址', female: '女地址' } // 地址选项字典
  };
}

然后，在模板部分，你可以设置 `<select>` 或者类似组件来绑定这些数据，并使用 `v-if` 来控制显示：

<template>
  <div>
    <label>性别:</label>
    <select v-model="genderValue">
      <option value="">请选择</option>
      <option v-for="(value, text) in addressOptions" :key="text" :value="value === 1 ? 'male' : 'female'">{{ text }}</option>
    </select>

    <!-- 如果需要显示地址 -->
    <template v-if="genderValue === 1 || genderValue === 2">
      <label>地址:</label>
      <input type="text" v-model="addressOptions[genderValue]">
    </template>
  </div>
</template>

在这个例子中，当 `genderValue` 为 1 时，会显示 "男地址" 的输入框；如果为 2，则显示 "女地址" 的输入框。如果 `genderValue` 其他值，将不会显示地址选择。