今天在画一个前端页面的时候遇到了一个问题:
在dialog框中的date-picker组件选了时间后没法及时把值回显到框里。每次都需要再在别的框里点一下时间才能出来,
我让我的同事试了一下,他也遇到这个问题。我又在dialog外面试了一下,外面点了马上就能回显。
网上百度了很久,才找到符合我的解决方法,所以写一下,方便以后人能找的快一点。
<el-form-item label="有效时间" prop="startTime">
<el-date-picker v-model="servServiceData.startTime"
@input="datetimeChange"
type="datetime"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item>
主要是用的这个input方法,当它没法回显的时候change方法也是触发不了的。
在js中给他及时更新一下即可显示。
methods: {
datetimeChange: function(e){
this.servServiceData.startTime=e;
this.$forceUpdate();
}
}