element ui dialog框懒加载导致的date-picker组件无法及时回显

今天在画一个前端页面的时候遇到了一个问题:
在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();
}
}
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值