vue如何遍歷data所有變量并賦值
更新時間:2022年04月24日 09:33:33 作者:張盡歡
這篇文章主要介紹了vue如何遍歷data所有變量并賦值,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
遍歷data所有變量并賦值
遍歷data工具類
var _data_str = sessionStorage.getItem("SCM301"); //將json字符串轉(zhuǎn)成對象 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; } // 如果是對象,進(jìn)行深層次拷貝 if (Object.prototype.toString.call(target[name]) === "[object Object]") { getObjectData(target[name], current[name], cb); return; } target[name] = value; } }); };
以上為個人經(jīng)驗(yàn),希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
在vue-cli搭建的項(xiàng)目中增加后臺mock接口的方法
這篇文章主要介紹了在vue-cli搭建的項(xiàng)目中增加后臺mock接口的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-04-04Vue3使用Swiper實(shí)現(xiàn)輪播圖示例詳解
這篇文章主要為大家介紹了Vue3使用Swiper實(shí)現(xiàn)輪播圖示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02vue實(shí)現(xiàn)移動端的開關(guān)按鈕
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)移動端的開關(guān)按鈕,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-02-02vue3+ts+vite+electron搭建桌面應(yīng)用的過程
這篇文章主要介紹了vue3+ts+vite+electron搭建桌面應(yīng)用的過程,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-04-04微信小程序Echarts動態(tài)使用及圖表層級踩坑解決方案
這篇文章主要為大家介紹了微信小程序Echarts動態(tài)使用及圖表層級踩坑解決方案,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03vue中對監(jiān)聽esc事件和退出全屏問題的解決方案
這篇文章主要介紹了vue中對監(jiān)聽esc事件和退出全屏問題的解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-08-08vue-cli項(xiàng)目優(yōu)化方法- 縮短首屏加載時間
這篇文章主要介紹了vue-cli項(xiàng)目優(yōu)化 縮短首屏加載時間,需要的朋友可以參考下2018-04-04