<el-form-item
? ? ? ? ? label="選擇日期:"
? ? ? ? ? prop="timeArrange"
? ? ? ? ? required
? ? ? ? ? :label-width="formLabelWidth"
? ? ? ? >
? ? ? ? ? <el-date-picker
? ? ? ? ? ? class="info-form-times"
? ? ? ? ? ? v-model="form.timeArrange"
? ? ? ? ? ? type="daterange"
? ? ? ? ? ? unlink-panels
? ? ? ? ? ? value-format="timestamp"
? ? ? ? ? ? range-separator="至"
? ? ? ? ? ? start-placeholder="起始年月日"
? ? ? ? ? ? end-placeholder="結(jié)束年月日"
? ? ? ? ? ? @change="handleTimestamp"
? ? ? ? ? ></el-date-picker>
? ? ? ? </el-form-item>
我在使用elementUI里的日期選擇器時(shí)财著,遇到了當(dāng)沒(méi)有設(shè)置選擇器的初始值锈遥,首次打開(kāi)挟秤,選擇日期后,可以拉起@change事件;而當(dāng)設(shè)置好回顯值(初始值)時(shí),無(wú)法拉起change事件的問(wèn)題。
官網(wǎng)的el-date-picker組件的事件有以下三種:
經(jīng)過(guò)測(cè)試悍及,當(dāng)事件綁定改為blur時(shí),拉起handleTimestamp方法成功接癌⌒母希看來(lái)原因出在事件監(jiān)聽(tīng)的方式綁定上面。
? ? ? ? ? ? @blur="handleTimestamp"
我們?cè)倏匆幌略创a中扔涧,為什么是blur才行:
node_modules里届谈,date-picker組件內(nèi)監(jiān)聽(tīng)picker顯示隱藏屬性里拉起blur函數(shù)枯夜,但未拉起change函數(shù)。
使用blur事件驅(qū)動(dòng)日期選擇器數(shù)據(jù)問(wèn)題艰山,完美解決湖雹。