今天在画一个前端页面的时候遇到了一个问题: 在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();
}
}