CodePen Home element-plus Date Picker 日期選擇器 default-value設定預設值

北堂棣發表於2021-09-26

聊聊

近來學用vue3+element-plus，發現Date Picker 日期選擇器 default-value設定預設值不起作用，記錄下來

官網文件給出的示例預設值都沒顯示，有圖為證：
image.png

解決辦法

將示例程式碼改為如下：

  setup() {
  const value1 = ref('')
  const defaultDate = new Date(2010, 9, 1)
  value1.value = defaultDate
  
  const value2 = ref('')
  
  const defaultDateRange = [new Date(2010, 9, 1), new Date(2010, 10, 1)]
  value2.value = defaultDateRange

  return {
    value1,
    value2,
    defaultDate,
    defaultDateRange
  }
},

效果演示

CodePen Home element-plus Date Picker 日期選擇器 default-value設定預設值

總結

其實也就是說設定default-value根本不起作用，起作用的是通過給Date Picker繫結的value1.value賦一個預設值defaultDate。
大家都有什麼更好的辦法嗎？歡迎討論下啊
官方元件是不是還有待改進？

相關文章