el-date-picker回显问题记录
组件结构
<el-date-picker
v-model="time"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd HH:mm:ss"
:default-time="['00:00:00', '23:59:59']"
style="margin-left: 10px"
@change="handleChangeTime"
/>
回显事件赋值时无法回显, 数据都能拿到但是视图没有变化, 实际显示的是空时间
async getData() {
const id = this.params.id
await queryCouponInfo(id).then(res => {
const response = res.data
this.time[0] = response.startTime || ''
this.time[1] = response.endTime || ''
}).finally(() => {
})
},
解决代码:
async getData() {
const id = this.params.id
await queryCouponInfo(id).then(res => {
const response = res.data
this.time = [response.startTime || '', response.endTime || '']
}).finally(() => {
})
},
偶然性解决问题, 还存在很多疑点, 由于项目比较赶, 已解决问题为目的做个记录, 以后回来筛查原因