vue控制台打印的数据与使用时不同的问题
今天在做vue项目的时候碰到一个问题,在这里记录一下需求是通过日期筛选出符合条件的数据(发送请求把startDate和endDate传给后端),我这里用了el-date-picker 在@change时直接去调用接口请求数据,代码如下:<el-date-picker@change="getData"v-model="date"range-separator="~"
·
今天在做vue项目的时候碰到一个问题,在这里记录一下
需求是通过日期筛选出符合条件的数据(发送请求把startDate和endDate传给后端),我这里用了el-date-picker 在@change时直接去调用接口请求数据,代码如下:
<el-date-picker
@change="getData"
v-model="date"
range-separator="~"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
监听date的变化,date改变时设置form属性的值
watch: {
date() {
this.form.startDate = this.date ? this.date[0] : null;
this.form.endDate = this.date ? this.date[1] : null;
}
},
请求带的参数格式
form: {
endDate: "",
startDate: ""
},
后来发现watch是异步触发监听事件的,也就是发送请求时监听还没有触发,值还没有改变,所以请求发出去的值与打印出来的不一致(console是动态取最新的值的)
更多推荐
已为社区贡献1条内容
所有评论(0)