Utilice elementUI - selector de fecha el-date-picker
Después de realizar la solicitud a la interfaz de backend, entre los datos devueltos, los datos de fecha se repiten en el componente el-date-picker de la página.
<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 (destino, nombre de propiedad/índice, valor)
Matriz: El primer parámetro es la matriz a modificar, el segundo valor es el subíndice o campo a modificar y el tercero es el valor a modificar.
2. objeto this.$set(this._data,"key",value')
: el primer parámetro es el objeto a modificar, el segundo valor es el campo de atributo modificado y el tercero es el valor a modificar.destino: la fuente de datos que se cambiará (puede ser un objeto o una matriz) clave los datos específicos que se cambiarán (índice) valor el valor reasignado.
this.$set(nombre de la variable, subíndice, valor a asignar)