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

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

圖1.第一排控件的代碼

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

圖3.最終解決代碼
好啦 今天就寫到這 希望能幫到你們 博客僅為日常學(xué)習(xí)和交流使用 如有不正確的地方 請指正
以上就是相關(guān)的解決辦法總結(jié),感謝大家對腳本之家的支持。
相關(guān)文章
Vue使用vue-pdf實(shí)現(xiàn)PDF文件預(yù)覽
這篇文章主要為大家詳細(xì)介紹了Vue如何使用vue-pdf實(shí)現(xiàn)PDF文件預(yù)覽的功能,文中的示例代碼講解詳細(xì),具有一定的參考價值,感興趣的可以了解一下2023-03-03
vue中實(shí)現(xiàn)點(diǎn)擊按鈕滾動到頁面對應(yīng)位置的方法(使用c3平滑屬性實(shí)現(xiàn))
這篇文章主要介紹了vue中實(shí)現(xiàn)點(diǎn)擊按鈕滾動到頁面對應(yīng)位置的方法,這段代碼主要使用c3平滑屬性實(shí)現(xiàn),需要的朋友可以參考下2019-12-12
Vue3子組件實(shí)現(xiàn)v-model用法的示例代碼
在Vue 3中,實(shí)現(xiàn)自定義的input組件并支持v-model綁定,涉及到對modelValue這個默認(rèn)prop的處理和對應(yīng)的update:modelValue事件的觸發(fā),本文給大家介紹了Vue3子組件實(shí)現(xiàn)v-model用法的示例,需要的朋友可以參考下2024-04-04
解決vue中使用Axios調(diào)用接口時出現(xiàn)的ie數(shù)據(jù)處理問題
今天小編就為大家分享一篇解決vue中使用Axios調(diào)用接口時出現(xiàn)的ie數(shù)據(jù)處理問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Vue中computed和watch的區(qū)別小結(jié)
watch和computed都是以Vue的依賴追蹤機(jī)制為基礎(chǔ)的,當(dāng)某一個依賴型數(shù)據(jù)發(fā)生變化的時候,所有依賴這個數(shù)據(jù)的相關(guān)數(shù)據(jù)會自動發(fā)生變化,即自動調(diào)用相關(guān)的函數(shù),來實(shí)現(xiàn)數(shù)據(jù)的變動,這篇文章簡單介紹下Vue中computed和watch的區(qū)別異同,感興趣的朋友一起看看吧2022-12-12
vue-cli4.x創(chuàng)建企業(yè)級項目的方法步驟
這篇文章主要介紹了vue-cli4.x創(chuàng)建企業(yè)級項目的方法步驟,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
vue?element-ui動態(tài)橫向統(tǒng)計表格的實(shí)現(xiàn)
這篇文章主要介紹了vue?element-ui動態(tài)橫向統(tǒng)計表格的實(shí)現(xiàn)方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-08-08

