vue 使用vuex中的data數據引用問題

先上代碼:

this.userRoleInfo2 = this.$store.state.userInfo
this.userRoleInfo2.name = 111
this.userRoleInfo2.orgName = 222
this.userRoleInfo2.orgId = 4444

問題描述:

博主,定義了一個變量userRoleInfo2來接收了 從vuex中獲取了userInfo用戶信息,當我去改變變量userRoleInfo2中的值的時候,發現原vueX中的userInfo值跟著變化了

問題的分析
在vue中,數組和對象傳遞都是引用傳遞。賦值時傳遞的并不是值,而是指向了同一個空間。

解決辦法
轉成字符串在轉成json
JSON.stringify 將一個 JavaScript 值(對象或者數組)轉換為一個 JSON 字符串
JSON.parse 用來解析 JSON 字符串,將數據轉換為 JavaScript(對象或者數組)

//修改之后
this.userRoleInfo2 = JSON.parse(JSON.stringify(this.$store.state.userInfo)
this.userRoleInfo2.name = 111
this.userRoleInfo2.orgName = 222
this.userRoleInfo2.orgId = 4444

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/167665.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/167665.shtml
英文地址,請注明出處:http://en.pswp.cn/news/167665.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

卷積神經網絡(Inception V3)識別手語

文章目錄 一、前言二、前期工作1. 設置GPU(如果使用的是CPU可以忽略這步)2. 導入數據3. 查看數據 二、數據預處理1. 加載數據2. 可視化數據3. 再次檢查數據4. 配置數據集 三、構建Inception V3網絡模型1.自己搭建2.官方模型 五、編譯六、訓練模型七、模型…

再生式收音機踩坑記

下載《A Simple Regen Radio for Beginners》這篇文章也有好幾年了,一直沒有動手,上周末抽空做了一個,結果相當令人沮喪,一個臺也收不到,用示波器測量三極管振蕩波形,只有在調節再生電位器R2過程中&#xf…

什么是合封芯片工藝,合封芯片工藝工作原理、應用場景、技術要點

芯片封裝技術不斷進步,其中合封芯片工藝作為一種先進的芯片封裝技術,“超”廣泛應用于各類電子設備中。 本文將從合封芯片工藝的工作原理、應用場景、技術要點等方面進行深入解讀。 一、合封芯片工藝 合封芯片工藝是一種將多個芯片或不同的功能的電子模…

構造命題公式的真值表

構造命題公式的真值表 1:實驗類型:驗證性2:實驗目的:3:邏輯聯結詞的定義方法4:命題公式的表示方法5:【實驗內容】 1:實驗類型:驗證性 2:實驗目的&#xff1a…

數據黑洞,正在悄悄吞噬你的門店業績

互聯網興起以來,線下門店的數字化程度始終落后于線上。一個重要的原因是:線下信息不像線上那樣簡單、集中、易于統計。很多重要數據隱藏于「黑洞」之中,收集和分析成本極為高昂。這極大束縛了門店業績的提升。 而反過來看,線下場景…

C++(20):通過source_location實現日志函數

C++20中引入了std::source_location,用來描述函數調用的上下文信息。 其主要的成員函數如下: line():獲取行號。column():獲取列號。file_name():獲取文件名。function_name():獲取函數域名。#include <iostream> #include <string_view> #include <sour…

BGP聯邦及路由反射器配置

需求 1 AS1存在兩個環回&#xff0c;一個地址為192.168.1.0/24&#xff0c;該地址不能再任何協議中宣告 AS3存在兩個環回&#xff0c;一個地址為192.168.2.0/24&#xff0c;該地址不能再任何協議中宣告 AS1還有一個環回地址為10.1.1.0/24&#xff0c;AS3另一個環回地址是11.1.1…

DQN算法

DQN算法 教程鏈接 DataWhale強化學習課程JoyRL https://johnjim0816.com/joyrl-book/#/ch7/main DQN算法 DQN(Deep Q-Network) 主要創新點在于將Q-learning算法中的Q表記錄動作價值函數轉為引入深度神經網絡來近似動作價值函數 Q ( s , a ) Q(s,a) Q(s,a),從而能夠處理連續…

C現代方法(第23章)筆記——庫對數值和字符數據的支持

文章目錄 第23章 庫對數值和字符數據的支持23.1 <float.h>: 浮點類型的特性23.2 <limits.h>: 整數類型的大小23.3 <math.h>: 數學計算(C89)23.3.1 錯誤23.3.2 三角函數23.3.3 雙曲函數23.3.4 指數函數和對數函數23.3.5 冪函數23.3.6 就近舍入、絕對值函數和取…

設計模式——行為型模式(一)

行為型模式用于描述程序在運行時復雜的流程控制,即描述多個類或對象之間怎樣相互協作共同完成單個對象都無法單獨完成的任務,它涉及算法與對象間職責的分配。 行為型模式分為類行為模式和對象行為模式,前者采用繼承機制來在類間分派行為,后者采用組合或聚合在對象間分配行…

醫院預約管理系統開發 代碼展示 九價疫苗接種預約功能(含小程序源代碼)

基于微信小程序的疫苗預約系統讓疫苗信息&#xff0c;疫苗預約信息等相關信息集中在后臺讓管理員管理&#xff0c;讓用戶在小程序端預約疫苗&#xff0c;查看疫苗預約信息&#xff0c;該系統讓信息管理變得高效&#xff0c;也讓用戶預約疫苗&#xff0c;查看疫苗預約等信息變得…

MySQL 優化器 Index Condition Pushdown下推(ICP)

ICP 測試 準備數據 CREATE TABLE icp (employee_id int(6) NOT NULL AUTO_INCREMENT,first_name varchar(20) DEFAULT NULL,last_name varchar(25) DEFAULT NULL,email varchar(25) DEFAULT NULL,phone_number varchar(20) DEFAULT NULL,PRIMARY KEY (employee_id) );insert i…

額溫槍方案,MS8551,MS8601;MS1112,MS1100

鑒于測溫的傳感器信號非常微弱&#xff0c;需要用高精度、低噪聲的運算放大器和高精度、低功耗的ADC。 運算放大器可供選擇&#xff1a;MS8551 or MS8601&#xff0c;具有低失調&#xff08;1uV&#xff09;、低噪&#xff08;22nV√Hz &#xff09;、封裝小等優點&#xff0c…

Redis并發問題解決方案

目錄 前言 1.分布式鎖 1.基于單個節點 2.基于多個節點 3.watch(樂觀鎖) 2.原子操作 1.單命令操作 2.Lua 腳本(多命令操作) 3.事務 1.執行步驟 2.錯誤處理 3.崩潰處理 總結 前言 在多個客戶端并發訪問Redis的時候&#xff0c;雖然Redis是單線程執行指令&#xff…

【間歇振蕩器2片555時基仿真】2022-9-24

緣由multisim出現這個應該怎么解決吖&#xff0c;急需解決-嵌入式-CSDN問答 輸出一定要有電阻分壓才能前后連接控制否則一定報錯。

Python自動化生成漂亮的測試報告

&#x1f4e2;專注于分享軟件測試干貨內容&#xff0c;歡迎點贊 &#x1f44d; 收藏 ?留言 &#x1f4dd; 如有錯誤敬請指正&#xff01;&#x1f4e2;交流討論&#xff1a;歡迎加入我們一起學習&#xff01;&#x1f4e2;資源分享&#xff1a;耗時200小時精選的「軟件測試」資…

五種多目標優化算法(MOJS、NSGA3、MOGWO、NSWOA、MOPSO)求解微電網多目標優化調度(MATLAB代碼)

一、多目標優化算法簡介 &#xff08;1&#xff09;多目標水母搜索算法MOJS 多目標優化算法&#xff1a;多目標水母搜索算法MOJS&#xff08;提供MATLAB代碼&#xff09;_水母算法-CSDN博客 &#xff08;2&#xff09;NSGA3 NSGA-III求解微電網多目標優化調度&#xff08;M…

acwing算法基礎之數學知識--求卡特蘭數

目錄 1 基礎知識2 模板3 工程化 1 基礎知識 題目&#xff1a;給定n個0和n個1&#xff0c;它們將按照某種順序排成長度為2n的序列&#xff0c;求它們能排成的所有序列中&#xff0c;能夠滿足任意前綴序列中0的個數都不少于1的個數的序列有多少個&#xff1f; 輸出的答案對 1 0 …

【云原生 Prometheus篇】Prometheus的動態服務發現機制與認證配置

目錄 一、Prometheus服務發現的方式1.1 基于文件的服務發現1.2 基于consul的服務發現1.3 基于 Kubernetes API 的服務發現1.3.1 簡介1.3.2 基于Kurbernetes發現機制的部分配置參數 二、實例一&#xff1a;部署基于文件的服務發現2.1 創建用于服務發現的文件2.2 修改Prometheus的…

yo!這里是c++11重點新增特性介紹

目錄 前言 列表初始化 { }初始化 initializer_list類 類型推導 auto decltype 范圍for 右值引用與移動語義 左值引用和右值引用 移動語義 1.移動構造 2.移動賦值 3.stl容器相關更新 右值引用和萬能引用 完美轉發 關鍵字 default delete final和override …