概述
编码中有时候会遇到一些特殊情况，需要将前端的一个对象序列化后传到后端进行解析，但是JS对象的属性名无法确定，需要根据数据动态生成
代码：
let obj = {} //初始化js对象
//this.data为动态生成对象的数据源，格式为[{key:xxx,value:xxx}]
for (let i=0;i<this.data.length;i++){
if(this.data[i].value===undefined){
this.$message.error("此处都为必填项");
return
}
this.$set(obj ,this.data[i].key,this.data[i].value)
}
核心：
//vue的实例方法
//作用：向响应式对象/数组中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新
//参数要求：target(更新的数据源), propertyName/index(属性名/下标),value(更新的值))
this.$set(target,propertyName/index,value)
最后
以上就是粗心魔镜为你收集整理的VUE-动态生成JS对象属性名和属性值的全部内容，希望文章能够帮你解决VUE-动态生成JS对象属性名和属性值所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复