element-plus [Component] [date-picker] 无法改变 format

4bbkushb  于 5个月前  发布在  其他
关注(0)|答案(4)|浏览(49)

Bug Type: Component

Environment

  • Vue Version: 3.3.4
  • Element Plus Version: 2.3.9
  • Browser / OS: Chrome/115.0.5790.171
  • Build Tool: Vite

Reproduction

  • el-date-picker

Element Plus Playground

Steps to reproduce

1.点击按钮切换状态
2.时间框显示值没有改变

What is Expected?

输入框显示值随着 format 改变

What is actually happening?

输入框显示没有 format 改变,只是第一次的默认值

Additional comments

(empty)

utugiqy6

utugiqy61#

的确有这个问题,在修复bug之前你可以尝试这样去写
Link

vsnjm48y

vsnjm48y2#

看了下源码,props是通过provide/inject传递到子组件的,所以带来了不可响应式的问题

lstz6jyr

lstz6jyr3#

试了一下这个地方使用 toRef 解构就可以
https://github.com/element-plus/element-plus/blob/b8e474089b67a89cc2e62d7b81c71b6a89c83878/packages/components/date-picker/src/date-picker-com/panel-date-range.vue#L288C1-L288C1
有很多文件都是直接解构使用的

kiz8lqtg

kiz8lqtg4#

那这些其他的变量都需要使用 toRef 解构吗

相关问题