溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue2.0中set添加屬性后視圖不能更新的解決辦法

發(fā)布時間:2020-08-28 04:43:12 來源:腳本之家 閱讀:141 作者:顧東城 欄目:web開發(fā)

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

vue2.0中set添加屬性后視圖不能更新的解決辦法

我需要做的就是下面的Email和Fax屬性的值從第一排的輸入框用戶輸入獲取,但是輸入過后下面的文本框的值并為發(fā)生變化,在瀏覽器console卻發(fā)現(xiàn)值已經(jīng)改變了,這讓我很郁悶,網(wǎng)上搜了一堆答案都沒有解決,后面查看vue官網(wǎng)有個delete方法,如果我先把這個屬性delete再重新set是否可以,如圖:

vue2.0中set添加屬性后視圖不能更新的解決辦法

                圖1.第一排控件的代碼

vue2.0中set添加屬性后視圖不能更新的解決辦法

 圖2.第一排控件方法代碼

vue2.0中set添加屬性后視圖不能更新的解決辦法

圖3.最終解決代碼

好啦 今天就寫到這 希望能幫到你們 博客僅為日常學習和交流使用 如有不正確的地方 請指正

以上就是相關的解決辦法總結,感謝大家對億速云的支持。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI