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)文章
vue3+elementplus 樹節(jié)點過濾功能實現(xiàn)
樹節(jié)點所展示的街道是讀取的成都市金牛區(qū)的范圍邊界線的json文件,街道下對應(yīng)內(nèi)容市通過fetch調(diào)用接口獲取的內(nèi)容,通過mapTreeData函數(shù)循環(huán)遍歷,對數(shù)據(jù)進(jìn)行處理,這篇文章主要介紹了vue3+elementplus 樹節(jié)點過濾功能實現(xiàn),需要的朋友可以參考下2024-05-05IDEA中Debug調(diào)試VUE前端項目調(diào)試JS只需兩步
這篇文章主要為大家介紹了在IDEA中Debug調(diào)試VUE前端項目,只需要兩步就可以調(diào)試JS的實現(xiàn)方法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-02-02vue3使用particles插件實現(xiàn)粒子背景的方法詳解
這篇文章主要為大家詳細(xì)介紹了vue3使用particles插件實現(xiàn)粒子背景的方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-03-03vuex頁面刷新導(dǎo)致數(shù)據(jù)丟失的解決方案
這篇文章主要介紹了vuex頁面刷新導(dǎo)致數(shù)據(jù)丟失的解決方案,幫助大家更好的使用vue框架,感興趣的朋友可以了解下2020-12-12Element-ui設(shè)置el-table表頭全選框隱藏或禁用
這篇文章主要給大家介紹了關(guān)于Element-ui設(shè)置el-table表頭全選框隱藏或禁用的相關(guān)資料,文中手把手教你實現(xiàn)el-table實現(xiàn)跨表格禁用選項,需要的朋友可以參考下2023-07-07