最近使用element-ui中的日期選擇組件，發(fā)現(xiàn)選中日期卻沒有回顯出來，但是提交到后臺的日期數(shù)據(jù)卻是正確的，即數(shù)據(jù)變了，視圖沒變。

經(jīng)過反復(fù)查找，終于發(fā)現(xiàn)問題出在給實(shí)例對象增加新屬性時，直接通過 ‘=’形式賦值是不會觸發(fā)視圖更新的，應(yīng)該使用Vue.set給實(shí)例對象添加新屬性。

例如：

this.modeForm.validDate = [ response.startDate, response.endDate]

this.modeForm是已經(jīng)創(chuàng)建的實(shí)例對象，通過= 創(chuàng)建新屬性，不會觸發(fā)視圖更新；

更改為：

Vue.set(this.modeForm,? ?'validDate ',?[ response.startDate, response.endDate] )

參數(shù)一：需要添加屬性的對象

參數(shù)二：新增屬性名

參數(shù)三:? 新增屬性值