vue3如何直接修改reactive定義的變量
更新時間：2024年05月09日 14:47:59 作者：如白駒過隙
這篇文章主要介紹了vue3如何直接修改reactive定義的變量問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vue3直接修改reactive定義變量
reactive定義的數組或者對象，不能直接賦值修改，否則定義的數據將失去響應性
可以通過Object.assign修改
let rowData = reactive({})
// 修改rowData的值
Object.assign(rowData, row)vue批量修改reactive中的值
reactive聲明響應式對象，但修改值會比較麻煩，比如
<script setup>
import {reactive} from 'vue';
let obj = reactive({
id:1,
name:'張三',
age:18
})
obj.id = 2;
obj.name = '李四';
</script>
但是不能直接賦值，這樣會失去響應性
obj = {id:2,name:'李四'}解決方法
使用Object.assign
obj = Object.assign(obj,{id:2,name:'李四'})
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue.js中的綁定樣式實現，展開的內容呦style綁定樣式和綁定class樣式，具體相關內容需要的小伙伴可以參考下面文章介紹2022-05-05
vue項目實現點擊目標區(qū)域之外可關閉(隱藏)目標區(qū)域
這篇文章主要介紹了vue項目實現點擊目標區(qū)域之外可關閉(隱藏)目標區(qū)域，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
這篇文章主要為大家詳細介紹了vue結合uniapp實現生成二維碼的相關知識,文中的示例代碼講解詳細,具有一定的借鑒價值,感興趣的小伙伴可以學習一下2023-12-12
這篇文章主要為大家詳細介紹了3種vue組件的書寫形式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
在寫大文件上傳時,碰到關于 vue2 跟 vue3 對在循環(huán)中使用異步,并動態(tài)把普通對象添加進響應式數據,在異步前后修改該普通對象的某個屬性,導致 vue2 跟 vue3 的視圖更新不一致,引發(fā)一系列的思考,所以本文介紹了Vue3響應式對象數組不能實時DOM更新問題解決辦法2024-07-07
這篇文章主要為大家詳細介紹了vue實現數字滾動效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
vue3+ts實際開發(fā)中該如何優(yōu)雅書寫vue3語法
近嘗試上手 Vue3+TS+Vite,所以下面這篇文章主要給大家介紹了關于vue3+ts實際開發(fā)中該如何優(yōu)雅書寫vue3語法的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-10-10
這篇文章主要為大家詳細介紹了vue element-ui實現動態(tài)面包屑導航，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
在Vue3項目中需要頻繁使用某一個方法,配置到全局感覺會方便很多,這篇文章主要給大家介紹了關于Vue3使用全局函數或變量的2種常用方式,需要的朋友可以參考下2023-09-09
今天小編就為大家分享一篇對Vue.js實現表格渲染的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09