前言
項目中遇到一個問題就是在Vue中雙向綁定對象屬性時,手動賦值屬性后輸入框的數據不實時更新的問題。
<FormItem label="地址" prop="eventAddress"> <Input v-model="task.eventAddress" :placeholder="L('地址')"></Input> </FormItem>
解決辦法:使用$set(object,"prop",value)方法對屬性重新設置一遍就顯示了,具體代碼如下:
this.$set(this.task,"eventAddress",this.task.eventAddress);