el-date-picker选择后页面没有回显

最新推荐文章于 2025-06-02 15:01:58 发布

原创最新推荐文章于 2025-06-02 15:01:58 发布 · 3.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #前端

在Vue开发过程中，遇到el-date-picker时间选择组件在编辑状态下无法正确回显已选择日期的问题。原因在于数据绑定方式不当。通过使用`this.$set`方法可以修正这个问题，确保在key值不匹配的情况下正确设置editFrom.strDate的值，实现日期的正确显示。实践证明，`this.$set(this.editFrom, 'strDate', '自己要赋值的值')`是有效的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
在做新增修改功能时，发现el-date-picker时间选择在修改状态下无法回显出选择的日期，发现不能直接用this.editFrom.strDate = newval.registrationDate，（因为个别key值和列表对应的key值不匹配，所以需要重新修改个别值），需要使用 this.$set(this.editFrom, “strDate”, ‘自己要赋值的值’) 亲测有效！在这里插入图片描述