<!-- 性别 -->
<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],即可做到回显。

回显效果如图所示:

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐