vue中{ob: observer}对象转化为数组进行遍历

情况：在vue中，我们一般会将接口返回的数据，用一个变量进行接收，然后对这个变量进行一系列操作，比如取值，修改，遍历，合并数组等但是在这个情况中，会发现我们接收到的数据打印出来会是一个{ob: observer}这种形式的。这个形式的数据是不能像数组进行遍历的。我们可以使用下面这种方式，可以得到一个正常可使用的对象或者数组啦const newData = JSON.parse(JSON.strin

前端IT十七

3396人浏览 · 2022-05-27 22:57:54

前端IT十七 · 2022-05-27 22:57:54 发布

情况：

在vue中，我们一般会将接口返回的数据，用一个变量进行接收，然后对这个变量进行一系列操作，比如取值，修改，遍历，合并数组等

但是在这个情况中，会发现我们接收到的数据打印出来会是一个{ob: observer}这种形式的。

这个形式的数据是不能像数组进行遍历的。

我们可以使用下面这种方式，可以得到一个正常可使用的对象或者数组啦

const newData = JSON.parse(JSON.stringify(data))

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^