vue2.0中set添加屬性后視圖不能更新的解決辦法
今天在工作中遇到一個(gè)問題，郁悶了很久，特地寫一篇博客記錄一下，方便以后再遇到可以查找，也分享個(gè)各位小伙伴，在網(wǎng)上查找很多資料說用Vue.$set設(shè)置屬性后視圖也會(huì)更新，但是真相并不是這樣，通過等于號(hào)賦值和$set方法我都試了，前臺(tái)屬性值改變但是視圖并沒有改變，下面上圖：
我需要做的就是下面的Email和Fax屬性的值從第一排的輸入框用戶輸入獲取，但是輸入過后下面的文本框的值并為發(fā)生變化，在瀏覽器console卻發(fā)現(xiàn)值已經(jīng)改變了，這讓我很郁悶，網(wǎng)上搜了一堆答案都沒有解決，后面查看vue官網(wǎng)有個(gè)delete方法，如果我先把這個(gè)屬性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ì)，具有一定的參考價(jià)值，感興趣的可以了解一下2023-03-03
這篇文章主要介紹了Vue與React的區(qū)別和優(yōu)勢對比，幫助大家更好的選擇適合自己的前端框架，迷茫的同學(xué)可以進(jìn)來參考下2020-12-12
vue中實(shí)現(xiàn)點(diǎn)擊按鈕滾動(dòng)到頁面對應(yīng)位置的方法(使用c3平滑屬性實(shí)現(xiàn))
這篇文章主要介紹了vue中實(shí)現(xiàn)點(diǎn)擊按鈕滾動(dòng)到頁面對應(yīng)位置的方法，這段代碼主要使用c3平滑屬性實(shí)現(xiàn),需要的朋友可以參考下2019-12-12
Vue3子組件實(shí)現(xiàn)v-model用法的示例代碼
在Vue 3中,實(shí)現(xiàn)自定義的input組件并支持v-model綁定,涉及到對modelValue這個(gè)默認(rèn)prop的處理和對應(yīng)的update:modelValue事件的觸發(fā),本文給大家介紹了Vue3子組件實(shí)現(xiàn)v-model用法的示例,需要的朋友可以參考下2024-04-04
這篇文章主要介紹了Vue依賴收集引發(fā)的問題，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
解決vue中使用Axios調(diào)用接口時(shí)出現(xiàn)的ie數(shù)據(jù)處理問題
今天小編就為大家分享一篇解決vue中使用Axios調(diào)用接口時(shí)出現(xiàn)的ie數(shù)據(jù)處理問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Vue中computed和watch的區(qū)別小結(jié)
watch和computed都是以Vue的依賴追蹤機(jī)制為基礎(chǔ)的,當(dāng)某一個(gè)依賴型數(shù)據(jù)發(fā)生變化的時(shí)候,所有依賴這個(gè)數(shù)據(jù)的相關(guān)數(shù)據(jù)會(huì)自動(dòng)發(fā)生變化,即自動(dòng)調(diào)用相關(guān)的函數(shù),來實(shí)現(xiàn)數(shù)據(jù)的變動(dòng)，這篇文章簡單介紹下Vue中computed和watch的區(qū)別異同，感興趣的朋友一起看看吧2022-12-12
vue-cli4.x創(chuàng)建企業(yè)級項(xiàng)目的方法步驟
這篇文章主要介紹了vue-cli4.x創(chuàng)建企業(yè)級項(xiàng)目的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
最近翻閱了一下vue。發(fā)覺有一個(gè)單文件組件之前基本忽視掉了。所以本文就詳細(xì)的介紹了vue單文件組件的實(shí)現(xiàn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-06-06
vue?element-ui動(dòng)態(tài)橫向統(tǒng)計(jì)表格的實(shí)現(xiàn)
這篇文章主要介紹了vue?element-ui動(dòng)態(tài)橫向統(tǒng)計(jì)表格的實(shí)現(xiàn)方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08