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数据绑定简析小结，本文将从源码的角度来对Vue响应式数据中的观察者模式进行简析。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
这篇文章主要介绍了Vue中如何对ElementUI的Dialog组件封装问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
这篇文章主要介绍了vue element-ui导航实现全屏/取消全屏功能,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
这篇文章主要为大家详细介绍了如何使用Vue实现点击按钮小球加入购物车动画,文中的示例代码讲解详细,有需要的小伙伴可以跟随小编一起学习一下2024-03-03
这篇文章主要介绍了Vuejs第十一篇之slot内容分发组件详解的相关资料2016-09-09
vscode+vue cli3.0创建项目配置Prettier+eslint方式
这篇文章主要介绍了vscode+vue cli3.0创建项目配置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实现中部导航栏布局功能，本文图文并茂，代码实例相结合介绍的非常详细，需要的朋友参考下吧2019-07-07
最新评论