欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決Element中el-date-picker組件不回填的情況

 更新時(shí)間：2020年11月07日 09:26:39   作者：Calla_Lj  
這篇文章主要介紹了解決Element中el-date-picker組件不回填的情況，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

1.問(wèn)題描述

當(dāng)我們?cè)趯?shí)用ElementUI組件完成項(xiàng)目的時(shí)候可能會(huì)遇到這樣的需求，比如：

新建一個(gè)活動(dòng)，需要定義活動(dòng)的時(shí)間范圍；

因此我們?cè)谛陆ɑ顒?dòng)的操作過(guò)程中需要選擇一段時(shí)間區(qū)間以及活動(dòng)名稱等信息提交，新建完成；

網(wǎng)頁(yè)上出現(xiàn)了新建好的活動(dòng)，其他人想查看詳細(xì)信息，打開頁(yè)面，發(fā)現(xiàn)時(shí)間區(qū)間并沒(méi)有實(shí)現(xiàn)回填！

2.問(wèn)題分析

時(shí)間信息沒(méi)有回填，首先要檢查，后臺(tái)數(shù)據(jù)返回情況以及頁(yè)面上字段信息是否有差異等細(xì)節(jié)；

如果沒(méi)有以上的情況，那就是我碰到的這種情況了，

后端數(shù)據(jù)返回沒(méi)有差異，而且頁(yè)面字段也沒(méi)有錯(cuò)，其他的信息也正?；靥?，唯獨(dú)時(shí)間不回填，同時(shí)也伴隨一次回填后續(xù)不回填等諸多情況?？偨Y(jié)來(lái)說(shuō)就是：頁(yè)面與數(shù)據(jù)不同步！

3.解決辦法

打印一下就能知道el-date-picker區(qū)間時(shí)間組件的數(shù)據(jù)其實(shí)是Array

所以，我們一般從后臺(tái)拿到數(shù)據(jù)后進(jìn)行回填操作如下：

getDetails (obj){
 // form.daterange是el-date-picker組件v-model的變量
 this.form.daterange[0] = obj.startTime;
 this.form.daterange[1] = obj.endTime;
}

然而，頁(yè)面上經(jīng)常不顯示，其實(shí)我們這樣做也是沒(méi)問(wèn)題的，這是element UI自身存在的bug吧，不光日期選擇組件有這個(gè)問(wèn)題，有時(shí)候下拉框也會(huì)偶爾出現(xiàn)此類現(xiàn)象，但是我們可以稍稍修改一下就沒(méi)問(wèn)題了，如下：

getData (obj) {
 this.form.daterange = [obj.startTime, obj.endTime]
}

這是最簡(jiǎn)單的實(shí)現(xiàn)了，還有其他的方法也是可以，只要能實(shí)現(xiàn)我們的需求可以盡量嘗試一些其他方式，在此就不一一列舉了。

補(bǔ)充知識(shí)：vue中使用elementUI的下拉框（el-dropdown）添加點(diǎn)擊事件無(wú)效的解決方案

你會(huì)發(fā)現(xiàn)，使用這種方式綁定事件是無(wú)效

正確方式 @click.native綁定點(diǎn)擊事件

以上這篇解決Element中el-date-picker組件不回填的情況就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論