javascript - 在 vuejs 中联合两个或多个对象

标签 javascript laravel vue.js vuejs2

使用 Vuejs/Laravel,我有以下代码:

 var app = new Vue({
 el: '#app',
 data: {
   UnionObjects : [],
   persons:[],
  },

我在 person 中有两个对象,它们是 person.object1person.object2。我想在 UnionObjets 中合并这两个对象:[],

我使用这个功能:

  Union: function(person) {
     this.UnionObjects=person.object1 //here i need to add also person.object2 ;
        },

谢谢

最佳答案

您可以分配一个新数组,例如:

this.UnionObjects = [person.object1, person.object2]

如果 UnionObjects 已包含您希望保留的元素,请与 person 对象一起使用展开运算符:

this.UnionObjects = [...this.UnionObjects, person.object1, person.object2]

关于javascript - 在 vuejs 中联合两个或多个对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53953191/

相关文章:

javascript - 如何防止变量在某个点之后被使用?

c# - 如何在aspx页面中获取jquery的post请求参数

php - Laravel 5.6 MySQL 服务器已经消失

php - [Microsoft][ODBC Driver 13 for SQL Server][SQL Server]在 Laravel 中使用 model::with 时转换失败

node.js - 使用 vs code 设置 nuxt/vue 调试的语法错误

javascript - Angular 2.0 使用 new Promise() 得到错误 TypeError : promise_1. Promise is not a function

javascript - 文本字段上的 onKeypress Enter Key 事件在 Chrome 中不起作用

php - 如何根据数量更新商品的总价?

css - 一些 CSS,在开发中运行良好,在构建版本中不起作用

vue.js - Bootstrap-vue b-table 在标题中带有过滤器