【VUE】el-date-picker日期选择器回显

使用elementUI - el-date-picker 日期选择器

在请求到后端接口后,返回的数据中,日期数据回显到页面的el-date-picker组件中

                            <el-date-picker
								v-model.trim="data"
								type="daterange"
								:value-format="dateFormat"
								range-separator="-"
							>
							</el-date-picker>
			getData().then((response) => {
				if (response.code == 200) {
					// 日期回显
					this.$set(this.data, 0, response.data.startDate);
					this.$set(this.data, 1, response.data.endDate);
				}
			});

1.  Vue.set( target, propertyName/index, value )

     数组:第一个参数是要修改的数组, 第二个值是修改的下标或字段,第三个是要修改成什么值。

   

2. this.$set(this._data,”key”,value')
      对象:第一个参数是要修改的对象, 第二个值是修改属性字段,第三个是要修改成什么值。

      target: 要更改的数据源(可以是一个对象或者数组) key 要更改的具体数据 (索引) value 重新赋的值。

this.$set(变量名,下标,要赋的值) 

猜你喜欢

转载自blog.csdn.net/liusuihong919520/article/details/126890074