解決Vue中文本輸入框v-model雙向綁定后數據不顯示的問題


前言

項目中遇到一個問題就是在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);

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM