知识分类
后端
前端
设计
开源组件/产品
APP
其他
广告招募

vue3 如何快速将后台返回的JSON类型赋值给的reactive对象

管理员
发布于:2023-10-01 19:31:55
导读:本文介绍如何将后端返回的数据赋值给reactive对象`order`。直接用`order=result.data`是错误的。正确做法是使用`Object.assign(order, result.data)`,它能将所有属性批量合并到`order`中,避免逐项赋值的繁琐,适用于多属性场景。示例通过`uni.HttpRequest.post`发起请求,在`then`回调中判断`result.code==0`后执行该操作。

注意:本文中的代码是setup语法糖的格式。

初始化和声明一个reactive对象如下:

let order = reactive({
});

那么如何将后端返回的数据赋值给这个order对象呢?通常写法如下:

uni.HttpRequest.post('shopowner.PaymentorderItem/findOrder', {orderno: orderno}).then((result) => {
			if (result.code == 0) {
				order.id=result.data.id;
                                ......
			}
		});

如果有很多属性那么写起来会很长很累,有没有简单的写法呢?

先看错误的示例:

order=result.data;

正确的写法如下:

Object.assign(order, result.data);
关键词: vue3 后台 JSON reactive 对象
上一篇:uniapp uni-badge 隐藏和显示正确操作方法
下一篇:小程序 uniapp 提示uniapp redirectTo Expected updated data but get first rendering data
搜索内容
最新文章
  • 免费的素材网有哪些?
  • 什么是产品的 SKU
  • 常用的作图AI大模型及对比
  • SEO和SEM的区别
  • VS Code 与 Trae 编辑器
  • 推荐一个U盘启动制作工具: Vent
  • 如何解决启动虚拟机时出现EFI Ne
  • 如何实现前端防抖、后端节流,防止重复
  • UniApp 阻止事件冒泡指南
  • WEBRPC信令服务器作用
精彩文章
  • 1 MSYS2中安装使用GCC的正确方法
  • 2 vscode用一个插件快速生成Vue
  • 3 Layui 怎么样更换主题颜色?
  • 4 OBS在银河麒麟或ubuntu等核心
  • 5 常见主板开机进入bios热键,一张图
  • 6 3步教你如何修改uniapp but
  • 7 连接WIFI出现无Internet
  • 8 FrameCoder非可,基于web
  • 9 uniapp 中处理rich-tex
  • 10 JavaScript 判断对象是否为
工信部备案:苏ICP备2023011827号-1
苏公网安备 32111202000338号