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);
}
//调用的方法
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，先执行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;
}
});
};
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结合实例形式分析了vue slot插槽基本使用方法与操作注意事项,需要的朋友可以参考下2020-02-02
本文通过实例代码给大家介绍了vue和webpack项目构建过程常用的npm命令,需要的朋友可以参考下2018-06-06
下面小编就为大家分享一篇vue 引入公共css文件的简单方法(推荐)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01![vue文件代码缩进以及格式化代码方式[自定义]](//img.jbzj.com/images/xgimg/bcimg3.png)
这篇文章主要介绍了vue文件代码缩进以及格式化代码方式[自定义],具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要为大家详细介绍了vue实现消息向上无缝滚动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
nvm全英文也叫node.js version management，是一个nodejs的版本管理工具，这篇文章主要介绍了Vue中nvm-windows的安装与使用,需要的朋友可以参考下2023-02-02
Vuex处理用户Token过期及优化设置封装本地存储操作模块
这篇文章主要为大家介绍了Vuex处理用户Token优化设置封装本地存储操作模块及Token 过期问题详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
这篇文章主要介绍了vue中使用swiper 插件出错问题及解决办法，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2021-08-08
这篇文章主要介绍了vue3渲染函数(h函数)的变化,文中给大家介绍了h函数的三个参数详细说明及vue3 h函数-绑定事件，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-10-10
这篇文章主要为大家详细介绍了vue实现购物车结算功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
![vue文件代码缩进以及格式化代码方式[自定义]](http://img.jbzj.com/images/xgimg/bcimg3.png)
最新评论