vue2.0中set添加屬性后視圖不能更新的解決辦法
更新時間：2019年02月22日 11:16:56 作者：顧東城
在本文里我們給大家整理了關(guān)于vue2.0中set添加屬性后視圖不能更新的解決辦法以及相關(guān)知識點，需要的朋友們學習下。
今天在工作中遇到一個問題，郁悶了很久，特地寫一篇博客記錄一下，方便以后再遇到可以查找，也分享個各位小伙伴，在網(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.最終解決代碼
好啦 今天就寫到這 希望能幫到你們 博客僅為日常學習和交流使用 如有不正確的地方 請指正
以上就是相關(guān)的解決辦法總結(jié)，感謝大家對腳本之家的支持。
相關(guān)文章
這篇文章主要為大家詳細介紹了Vue如何使用vue-pdf實現(xiàn)PDF文件預覽的功能，文中的示例代碼講解詳細，具有一定的參考價值，感興趣的可以了解一下2023-03-03
這篇文章主要介紹了Vue與React的區(qū)別和優(yōu)勢對比，幫助大家更好的選擇適合自己的前端框架，迷茫的同學可以進來參考下2020-12-12
vue中實現(xiàn)點擊按鈕滾動到頁面對應位置的方法(使用c3平滑屬性實現(xiàn))
這篇文章主要介紹了vue中實現(xiàn)點擊按鈕滾動到頁面對應位置的方法，這段代碼主要使用c3平滑屬性實現(xiàn),需要的朋友可以參考下2019-12-12
在Vue 3中,實現(xiàn)自定義的input組件并支持v-model綁定,涉及到對modelValue這個默認prop的處理和對應的update:modelValue事件的觸發(fā),本文給大家介紹了Vue3子組件實現(xiàn)v-model用法的示例,需要的朋友可以參考下2024-04-04
這篇文章主要介紹了Vue依賴收集引發(fā)的問題，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-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的依賴追蹤機制為基礎(chǔ)的,當某一個依賴型數(shù)據(jù)發(fā)生變化的時候,所有依賴這個數(shù)據(jù)的相關(guān)數(shù)據(jù)會自動發(fā)生變化,即自動調(diào)用相關(guān)的函數(shù),來實現(xiàn)數(shù)據(jù)的變動，這篇文章簡單介紹下Vue中computed和watch的區(qū)別異同，感興趣的朋友一起看看吧2022-12-12
vue-cli4.x創(chuàng)建企業(yè)級項目的方法步驟
這篇文章主要介紹了vue-cli4.x創(chuàng)建企業(yè)級項目的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-06-06
最近翻閱了一下vue。發(fā)覺有一個單文件組件之前基本忽視掉了。所以本文就詳細的介紹了vue單文件組件的實現(xiàn)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
vue?element-ui動態(tài)橫向統(tǒng)計表格的實現(xiàn)
這篇文章主要介紹了vue?element-ui動態(tài)橫向統(tǒng)計表格的實現(xiàn)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08