Element中el-date-picker組件出現不回填怎么解決-創新互聯
Element中el-date-picker組件出現不回填怎么解決?針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
1.問題描述
當我們在實用ElementUI組件完成項目的時候可能會遇到這樣的需求,比如:
新建一個活動,需要定義活動的時間范圍;
因此我們在新建活動的操作過程中需要選擇一段時間區間以及活動名稱等信息提交,新建完成;
網頁上出現了新建好的活動,其他人想查看詳細信息,打開頁面,發現時間區間并沒有實現回填!
2.問題分析
時間信息沒有回填,首先要檢查,后臺數據返回情況以及頁面上字段信息是否有差異等細節;
如果沒有以上的情況,那就是我碰到的這種情況了,
后端數據返回沒有差異,而且頁面字段也沒有錯,其他的信息也正常回填,唯獨時間不回填,同時也伴隨一次回填后續不回填等諸多情況。總結來說就是:頁面與數據不同步!
3.解決辦法
打印一下就能知道el-date-picker區間時間組件的數據其實是Array
所以,我們一般從后臺拿到數據后進行回填操作如下:
getDetails (obj){ // form.daterange是el-date-picker組件v-model的變量 this.form.daterange[0] = obj.startTime; this.form.daterange[1] = obj.endTime; }
網頁標題:Element中el-date-picker組件出現不回填怎么解決-創新互聯
地址分享:http://www.xueling.net.cn/article/dsjdgi.html