vue2.0中set添加屬性后視圖不能更新的解決辦法
今天在工作中遇到一個(gè)問(wèn)題，郁悶了很久，特地寫(xiě)一篇博客記錄一下，方便以后再遇到可以查找，也分享個(gè)各位小伙伴，在網(wǎng)上查找很多資料說(shuō)用Vue.$set設(shè)置屬性后視圖也會(huì)更新，但是真相并不是這樣，通過(guò)等于號(hào)賦值和$set方法我都試了，前臺(tái)屬性值改變但是視圖并沒(méi)有改變，下面上圖：
我需要做的就是下面的Email和Fax屬性的值從第一排的輸入框用戶(hù)輸入獲取，但是輸入過(guò)后下面的文本框的值并為發(fā)生變化，在瀏覽器console卻發(fā)現(xiàn)值已經(jīng)改變了，這讓我很郁悶，網(wǎng)上搜了一堆答案都沒(méi)有解決，后面查看vue官網(wǎng)有個(gè)delete方法，如果我先把這個(gè)屬性delete再重新set是否可以，如圖：
圖1.第一排控件的代碼
圖2.第一排控件方法代碼
圖3.最終解決代碼
好啦 今天就寫(xiě)到這 希望能幫到你們 博客僅為日常學(xué)習(xí)和交流使用 如有不正確的地方 請(qǐng)指正
以上就是相關(guān)的解決辦法總結(jié)，感謝大家對(duì)腳本之家的支持。
相關(guān)文章
要學(xué)習(xí)vue-router就要先知道這里的路由是什么？為什么我們不能像原來(lái)一樣直接用標(biāo)簽編寫(xiě)鏈接哪？vue-router如何使用？常見(jiàn)路由操作有哪些？等等這些問(wèn)題，就是本篇要探討的主要問(wèn)題，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-05-05
本篇文章主要介紹了談?wù)刅ue.js——vue-resource全攻略，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
本篇文章主要介紹了vue.js 獲取當(dāng)前自定義屬性值，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
這篇文章主要介紹了Vue中的同步和異步調(diào)用順序，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-01-01
vue3+elementplus 樹(shù)節(jié)點(diǎn)過(guò)濾功能實(shí)現(xiàn)
樹(shù)節(jié)點(diǎn)所展示的街道是讀取的成都市金牛區(qū)的范圍邊界線(xiàn)的json文件,街道下對(duì)應(yīng)內(nèi)容市通過(guò)fetch調(diào)用接口獲取的內(nèi)容,通過(guò)mapTreeData函數(shù)循環(huán)遍歷,對(duì)數(shù)據(jù)進(jìn)行處理,這篇文章主要介紹了vue3+elementplus 樹(shù)節(jié)點(diǎn)過(guò)濾功能實(shí)現(xiàn),需要的朋友可以參考下2024-05-05
vue實(shí)現(xiàn)百度語(yǔ)音合成的實(shí)例講解
在本篇文章里小編給大家整理的是關(guān)于vue實(shí)現(xiàn)百度語(yǔ)音合成的實(shí)例內(nèi)容，以及相關(guān)代碼，需要的朋友們參考下。2019-10-10
IDEA中Debug調(diào)試VUE前端項(xiàng)目調(diào)試JS只需兩步
這篇文章主要為大家介紹了在IDEA中Debug調(diào)試VUE前端項(xiàng)目，只需要兩步就可以調(diào)試JS的實(shí)現(xiàn)方法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-02-02
vue3使用particles插件實(shí)現(xiàn)粒子背景的方法詳解
這篇文章主要為大家詳細(xì)介紹了vue3使用particles插件實(shí)現(xiàn)粒子背景的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-03-03
vuex頁(yè)面刷新導(dǎo)致數(shù)據(jù)丟失的解決方案
這篇文章主要介紹了vuex頁(yè)面刷新導(dǎo)致數(shù)據(jù)丟失的解決方案，幫助大家更好的使用vue框架，感興趣的朋友可以了解下2020-12-12
Element-ui設(shè)置el-table表頭全選框隱藏或禁用
這篇文章主要給大家介紹了關(guān)于Element-ui設(shè)置el-table表頭全選框隱藏或禁用的相關(guān)資料,文中手把手教你實(shí)現(xiàn)el-table實(shí)現(xiàn)跨表格禁用選項(xiàng),需要的朋友可以參考下2023-07-07