<!-- 性别 -->
<u-select v-model="showsex" :list="sexlist" @confirm="sexconfirm" :default-value="subjectAarr"></u-select>
<!-- 生日 -->
<u-picker v-model="birthdayshow" mode="time" :default-time="date" :params="params" @confirm="birthdayconfirm"></u-picker>
根据uView的官方文档,
https://www.uviewui.com/components/select.html
https://www.uviewui.com/components/picker.html
给选择器定义一个默认值(使用default-value)。
这是点击选择器时执行的方法,用来选择性别和生日。
// 点击性别执行
sexconfirm(e) {
this.sex = e[0].label;
// this.selectDefault[0] = e[0].value;
let index=0;
for(let i=0;i<this.sexlist.length;i++){
if(this.sexlist[i].value==e[0].value){
index=i;
break
}
}
this.subjectAarr[0]=index;
},
//生日点击确定
birthdayconfirm(e){
console.log(e);
this.birthday = e.year + '-' + e.month + '-' + e.day;
},
在调用后台接口的时候,将查询到的生日和性别赋值给之前定义的默认值data和subjectAarr[0],即可做到回显。
回显效果如图所示: