解決vue中this.$set()不更新問(wèn)題
更新時(shí)間：2023年11月15日 11:09:06 作者：是阿瑤呀~
我在做一個(gè)附件刪除功能的時(shí)候發(fā)現(xiàn),明明打印出來(lái)附件已經(jīng)沒(méi)有數(shù)據(jù)了但是頁(yè)面就是不刷新, this.$set()不生效,所以本文小編給大家介紹了vue中this.$set()不更新的解決方法,需要的朋友可以參考下
我在做一個(gè)附件刪除功能的時(shí)候發(fā)現(xiàn)，明明打印出來(lái)附件已經(jīng)沒(méi)有數(shù)據(jù)了但是頁(yè)面就是不刷新， this.$set()不生效
this.$set()方法有一種情況，就是當(dāng)你要設(shè)置的key已經(jīng)存在于這個(gè)對(duì)象或數(shù)組中的時(shí)候，它只會(huì)更改data并不會(huì)為該key添加響應(yīng)檢測(cè)，所以解決這個(gè)問(wèn)題的辦法就是在設(shè)置值之前先把這個(gè)屬性刪除掉，然后再進(jìn)行this.$set
解決辦法：
this.$delete(row, 'attachment')，先把屬性名字刪掉
這樣就解決this.$set()不生效的問(wèn)題
到此這篇關(guān)于解決vue中this.$set()不更新問(wèn)題的文章就介紹到這了,更多相關(guān)vue中this.$set()不更新內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
最近新做了個(gè)項(xiàng)目，前端使用的是目前很流行的前端框架，對(duì)于后端，本項(xiàng)目選擇的是比較好上手、輕量級(jí)的python后臺(tái)框架：Flask。感興趣的可以了解一下2021-05-05
Vue之Vue.set動(dòng)態(tài)新增對(duì)象屬性方法
下面小編就為大家分享一篇Vue之Vue.set動(dòng)態(tài)新增對(duì)象屬性方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
vue前端實(shí)現(xiàn)表格數(shù)據(jù)增查改刪功能
增刪改查是我們寫(xiě)項(xiàng)目百分之七十會(huì)遇到的代碼,下面這篇文章主要給大家介紹了關(guān)于vue前端實(shí)現(xiàn)表格數(shù)據(jù)增查改刪功能的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-05-05 
這篇文章主要介紹了vant中的toast輕提示實(shí)現(xiàn)代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2020-11-11 
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)換膚功能，一套深色，一套淺色，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07 
這篇文章主要介紹了vue-router傳參的四種方式超詳細(xì),有router-link路由導(dǎo)航方式傳參，調(diào)用$router.push實(shí)現(xiàn)路由傳參，通過(guò)路由屬性name匹配路由，再根據(jù)params傳遞參數(shù)等等，結(jié)合示例代碼講解的非常詳細(xì)，需要的朋友可以參考下
2022-12-12 
關(guān)于Vue單頁(yè)面骨架屏實(shí)踐記錄
這篇文章主要給大家介紹了關(guān)于Vue單頁(yè)面骨架屏實(shí)踐的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。
2017-12-12 
vue中el-tree結(jié)合el-switch實(shí)現(xiàn)開(kāi)關(guān)狀態(tài)切換
本文主要介紹了vue中el-tree結(jié)合el-switch實(shí)現(xiàn)開(kāi)關(guān)狀態(tài)切換,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2023-12-12 
vue3.0關(guān)閉eslint校驗(yàn)的3種方法詳解
這篇文章主要給大家介紹了關(guān)于vue3.0關(guān)閉eslint校驗(yàn)的3種方法,在實(shí)際開(kāi)發(fā)過(guò)程中,eslint的作用不可估量,文中將關(guān)閉的方法介紹的非常詳細(xì),需要的朋友可以參考下
2023-06-06