知识分类
后端
前端
设计
开源组件/产品
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
搜索内容
最新文章
  • 线程和协程的区别
  • 什么是敏捷式开发?
  • 什么是GEO生成式引擎优化?和SEO
  • 如何保证文件上传安全?
  • Go语言时间格式为什么和其他语言不一
  • 软件许可协议有哪些?之间的区别是什么
  • FrameCoder非可站群框架支持
  • git忽略文件.gitignore,
  • 什么AI模型上下文协议(MCP)?M
  • 为什么有些页面的图片看不见?可能是被
精彩文章
  • 1 MSYS2中安装使用GCC的正确方法
  • 2 vscode用一个插件快速生成Vue
  • 3 Layui 怎么样更换主题颜色?
  • 4 连接WIFI出现无Internet
  • 5 3步教你如何修改uniapp but
  • 6 OBS在银河麒麟或ubuntu等核心
  • 7 FrameCoder非可,基于web
  • 8 JavaScript 判断对象是否为
  • 9 小程序真机调试 报错 define
  • 10 什么是PHP站群以及使用php开源框
工信部备案:苏ICP备2023011827号-1
苏公网安备 32111202000338号