巧妙解決vue2.0關於set添加屬性后視圖不能更新的問題


今天在工作中遇到一個問題,郁悶了很久,特地寫一篇博客記錄一下,方便以后再遇到可以查找,也分享個各位小伙伴,在網上查找很多資料說用Vue.$set設置屬性后視圖也會更新,但是真相並不是這樣,通過等於號賦值和$set方法我都試了,前台屬性值改變但是視圖並沒有改變,下面上圖:

我需要做的就是下面的Email和Fax屬性的值從第一排的輸入框用戶輸入獲取,但是輸入過后下面的文本框的值並為發生變化,在瀏覽器console卻發現值已經改變了,這讓我很郁悶,網上搜了一堆答案都沒有解決,后面查看vue官網有個delete方法,如果我先把這個屬性delete再重新set是否可以,如圖:
 
                圖1.第一排控件的代碼
 
  圖2.第一排控件方法代碼
 
圖3.最終解決代碼
 
好啦 今天就寫到這 希望能幫到你們 博客僅為日常學習和交流使用 如有不正確的地方 請指正
 
 
 
 
 


免責聲明!

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



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