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