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

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

成都創(chuàng)新互聯(lián)公司是專業(yè)的東平網(wǎng)站建設(shè)公司,東平接單;提供網(wǎng)站制作、成都網(wǎng)站建設(shè),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行東平網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

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

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

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

     圖1.第一排控件的代碼

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

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

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

圖3.最終解決代碼

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

以上就是相關(guān)的解決辦法總結(jié),感謝大家對創(chuàng)新互聯(lián)的支持。

新聞名稱:vue2.0中set添加屬性后視圖不能更新的解決辦法
文章來源:http://muchs.cn/article44/ihiche.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)云服務(wù)器、外貿(mào)建站、企業(yè)建站、電子商務(wù)小程序開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)