首先去uni-app官网,查看这个表单选择器
官网建议您下载一下项目查看完整代码
然后通过官网给的文档您写代码
<view class="row b-b">
<text class="tit">性别</text>
<!-- {{user1.GENDER==0?'未知':user1.GENDER==1?'女':'男'}} -->
<!-- <input class="input" type="text" v-model="user1.GENDER" placeholder="请输入您的性别" placeholder-class="placeholder" /> -->
<picker @change="bindPickerChange" :value="index" :range="array" range-key="name">
<view class="uni-input">{{array[index].name}}<tui-icon name="turningdown" color="#00aaff" :size="15" style="margin-left: 205px;"></tui-icon></view>
</picker>
</view>
以下是文档属性名
去data声明变量
js部分
首先打印一下这个e是什么,this.index应该是在data中声明的对象下标
所以您发现这里的1和0就是用来区分是男是女的值
之前页面复现获取数据的时候用的性别字段就是GENDER,所以这里把这个detail.value赋值给GENDER就好,而且还必须这样做,因为性别我提交表单的时候需要返回int型,因为后台接口标明是需要int-,否则提交会报错显示异常。
再次提交表单时候就显示返回过去的是int数值了