element ui 中 el-date-picker 时间选择器选择完成不渲染出来

最新推荐文章于 2025-06-18 16:11:28 发布

江西谢霆锋

最新推荐文章于 2025-06-18 16:11:28 发布

阅读量5.5k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.csdn.net/KingShy1/article/details/119888447

vue 专栏收录该内容

4 篇文章

订阅专栏

element ui 中 el-date-picker 时间选择器选择完成不渲染出来

el-date-picker里面有change事件，但是：当你选中的值和你之前的值是一样的话是不触发的。
当你数据结构很多层的时候也会很难触发数据，渲染到页面上的。

解决办法

el-date-picker 里面选择时间的时候会触发input的事件的，所以在我们事件里面直接调用强制刷新页面的方法（$forceUpdate）来刷新数据，就可以了！

代码如下：
html：
     <el-date-picker
      v-model="value"
      type="datetimerange"
      range-separator="至"
      value-format="timestamp"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      @input="changeTime"
      align="right">
     </el-date-picker>
methods:
		changeTime(e){
             this.$forceUpdate()
        }