直接上代码
<el-form-item label="工作时间" prop="workTime">
<el-time-picker
style="width: 220px;"
is-range
v-model="dataForm.workTime"
format="HH:mm"
value-format="HH:mm"
range-separator="~"
start-placeholder="开始时间"
end-placeholder="结束时间"
placeholder="选择时间范围">
</el-time-picker>
</el-form-item>
由于回显是错误方式导致初始化后无法选择
//修改前的赋值方式
self.dataForm.workTime=workTimeTemp; //不正确的初始化
//需要用此方法回显页面才能正常,否则页面会无法选择时间
self.$set(self.dataForm, 'workTime', workTimeTemp)