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

    技术2022-07-21  82

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