vue如何遍歷data所有變量并賦值
更新時間：2022年04月24日 09:33:33 作者：張盡歡
這篇文章主要介紹了vue如何遍歷data所有變量并賦值，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
遍歷data所有變量并賦值
遍歷data工具類
var _data_str = sessionStorage.getItem("SCM301");
//將json字符串轉成對象
var store_data = JSON.parse(_data_str);
if (_data_str) {
//this._data為vue的data組件中的data
getObjectData(this._data, store_data);
}
//調(diào)用的方法
export function getObjectData(target, current, cb) {
if (!(target instanceof Object) || !(current instanceof Object)) return;
Object.keys(target).forEach(function (name) {
let value = current[name];
if (typeof value !== "undefined" && target.hasOwnProperty(name)) {
// 如果有callback，先執(zhí)行callback
if (typeof cb === "function") {
target[name] = cb(name, value);
return;
}
// 如果是對象，進行深層次拷貝
if (Object.prototype.toString.call(target[name]) === "[object Object]") {
getObjectData(target[name], current[name], cb);
return;
}
target[name] = value;
}
});
};
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue數(shù)據(jù)綁定簡析小結，本文將從源碼的角度來對Vue響應式數(shù)據(jù)中的觀察者模式進行簡析。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
這篇文章主要介紹了Vue中如何對ElementUI的Dialog組件封裝問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
vue element-ui導航實現(xiàn)全屏/取消全屏功能
這篇文章主要介紹了vue element-ui導航實現(xiàn)全屏/取消全屏功能,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
這篇文章主要為大家詳細介紹了如何使用Vue實現(xiàn)點擊按鈕小球加入購物車動畫,文中的示例代碼講解詳細,有需要的小伙伴可以跟隨小編一起學習一下2024-03-03
Vuejs第十一篇組件之slot內(nèi)容分發(fā)實例詳解
這篇文章主要介紹了Vuejs第十一篇之slot內(nèi)容分發(fā)組件詳解的相關資料2016-09-09
vscode+vue cli3.0創(chuàng)建項目配置Prettier+eslint方式
這篇文章主要介紹了vscode+vue cli3.0創(chuàng)建項目配置Prettier+eslint方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
element-ui中如何給el-table的某一行或某一列加樣式
本文主要介紹了element-ui中怎么給el-table的某一行或某一列加樣式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-01-01
這篇文章主要介紹了vue文件使用iconfont解析，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
本文主要介紹了element step組件在另一側加時間軸顯示，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-06-06
這篇文章主要介紹了vue實現(xiàn)中部導航欄布局功能，本文圖文并茂，代碼實例相結合介紹的非常詳細，需要的朋友參考下吧2019-07-07