从后台获取数据并分配默认值。同时还可以更改checkbox，即实现双向绑定1.使用value和on-change方法实现双向绑定。html如下：placeholder="请选择开始时间和结束时间"style="width:300px;">js:data(){return{userGetInitTime:[],//获取默认时间}}mounted(){this.$api.post(USERPORTRAIT1).then(res=>{console.log(res.data)this.userList=res.data.data_type;//this.chartList=res.data.graph_type;this.userForm.userSelectModel=res.data.data_type[2].value;//把后台发回的默认时间数据放在时间选择框里lettimes=res.data.time.split('/');letsTime=times[0];//根据后台传回的数据，将斜线前的时间作为初始时间leteTime=times[1];//根据后台传回的数据，斜线后的时间作为结束时间this.userGetInitTime=[newDate(sTime),newDate(eTime)];//将时间以newDate()格式放入时间框中}).catch(res=>{})},methods:{handleUserSubmit(){this.$refs.userForm.validate(valid=>{if(valid){constdata={data_type:this.userForm.userSelectModel,time:this.userGetInitTime[0]+'/'+this.userGetInitTime[1],};console.log('userGetInitTime',this.time)this.$api.post(USERPORTRAIT2,data).then(res=>{this.userList=res.data.data_type;this.userImg=res.data.image;}).catch(res=>{})}})},handleDatesChange(array){this.userGetInitTime=array;控制台日志（数组）；}}2.使用v-model实现双向绑定：html:js:data(){return{domainGetInitTime:[],//存储后返回默认值}},mounted(){this.$api.post(DOMAIN1).then(res=>{console.log(res.data);this.domainImage=res.data.image;this.data_type=res.data.data_type;this.graph_type=res.data.graph_type;this.domainForm.domainSelect=res.data.data_type[2].value;//默认初始化选项this.domainForm.domainChartSelect=res.data.graph_type[0].value;//默认初始化选项//把后台返回的默认时间数据放在时间选择框里lettimes=res.data.time.分裂（'/'）;让sTime=moment(times[0],'YYYY-MM-DDHH:mm:ss').toDate();//根据后台传回的数据，将斜线前的时间作为初始时间leteTime=moment(times[1],'YYYY-MM-DDHH:mm:ss').toDate();//根据后台传回的数据，将斜杠后的时间作为结束时间this.domainGetInitTime=[sTime,eTime];//将时间放入newDate()格式的时间范围}).catch(res=>{});},methods:{//向后台提交请求handleSubmit(){this.$refs.domainForm.validate(valid=>{if(valid){console.log("domainGetInitTime",this.domainGetInitTime)constdata={time:moment(this.domainGetInitTime[0]).format('YYYY-MM-DDHH:mm:ss')+'/'+moment(this.domainGetInitTime[1]).format('YYYY-MM-DDHH:mm:ss'),data_type:this.domainForm.domainSelect,graph_type:this.domainForm.domainChartSelect};//根据数据获取后台的值this.$api.post(DOMAIN2,data).then(res=>{this.data_type=res.data.data_type;this.graph_type=res.data.graph_type;this.domainImage=res.data.domain_imageconsole.log('0000'+res.data.domain_image);}).catch(res=>{console.log(res)});this.$Message.success('成功');}else{this.$Message.error('失败');}})},
