当前位置: 首页 > news >正文

前端list.push,封装多个对象

js

   var fruit = ['apple', 'banana'];fruit.push('pear');console.log(fruit); // ['apple', 'banana', 'pear']

现在为对象

        data1:{addUser: '1',editUser: '1',addTime: null,editTime: 1527410579000,userId: 3,systemNo: 'mc',userName: 'zengzhuo',userPassword: 'e10adc3949ba59abbe56e057f20f883e',userRealName: '系统管理员',userSex: 'M',userMobile: '18616988966',userEmail: '222@qq.com',isLock: 'N',deptId: 2,deptName: 'xxxx',roleId: 101},data2: {addUser: '1',editUser: '1',addTime: null,editTime: 1527411068000,userId: 1,systemNo: 'pmd',userName: 'root',userPassword: 'e10adc3949ba59abbe56e057f20f883e',userRealName: '超级管理员',userSex: '女',userMobile: '138123456789',userEmail: '111@qq.com',isLock: 'N',deptId: 1,deptName: 'xxxx',roleId: 1},
  var data0 = []data0.push(this.data1,this.data2)
console.log(data0)

在这里插入图片描述

整体代码


<template><div id="app"><el-button size="small" type="primary" icon="el-icon-search" @click="search">搜索</el-button></div>
</template><script>
export default {name: "App",data() {return {data1:{addUser: '1',editUser: '1',addTime: null,editTime: 1527410579000,userId: 3,systemNo: 'mc',userName: 'zengzhuo',userPassword: 'e10adc3949ba59abbe56e057f20f883e',userRealName: '系统管理员',userSex: 'M',userMobile: '18616988966',userEmail: '222@qq.com',isLock: 'N',deptId: 2,deptName: 'xxxx',roleId: 101},data2: {addUser: '1',editUser: '1',addTime: null,editTime: 1527411068000,userId: 1,systemNo: 'pmd',userName: 'root',userPassword: 'e10adc3949ba59abbe56e057f20f883e',userRealName: '超级管理员',userSex: '女',userMobile: '138123456789',userEmail: '111@qq.com',isLock: 'N',deptId: 1,deptName: 'xxxx',roleId: 1},data3:[]}},methods: {//test事件search() {var fruit = ['apple', 'banana'];fruit.push('pear');console.log(fruit); // ['apple', 'banana', 'pear']fruit.push('orange', 'grape',this.data2);console.log(fruit); // ['apple', 'banana', 'pear', 'orange', 'grape']var data0 = []data0.push(this.data1,this.data2)console.log(data0)}}
};</script><style> html,body {width: 100%;height: 100%;box-sizing: border-box;padding: 0px;margin: 0px;}#app {font-family: "Avenir", Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #2c3e50;widows: 100%;height: 100%;}
</style>
http://www.lryc.cn/news/162740.html

相关文章:

  • 指令延迟隐藏
  • 《React vs. Vue vs. Angular:2023年的全面比较》
  • win10自带wifi共享功能
  • React如何实现国际化?
  • netrw模拟nerdtree的go命令连续打开多个文件
  • 算法通关村第十九关——动态规划高频问题(白银)
  • Matlab如何导入Excel数据并进行FFT变换
  • 华为mate60 上线 媒介盒子多家媒体报道
  • Java知识总结(持续更新)
  • 缓存技术:加速应用,提高用户体验
  • MySQL中分区与分表的区别
  • Redis主从复制集群的介绍及搭建
  • MAC M1芯片安装mounty读写移动硬盘中的文件
  • 原生Js Canvas去除视频绿幕背景
  • Vue知识系列(1)每天10个小知识点
  • Elasticsearch(三)聚合基本使用
  • 单片机C语言实例:14、音频输出
  • docker 和 podman的区别
  • 苹果手机远程控制安卓手机,为什么不能发起控制?
  • Gradle 配置国内镜像
  • Spring AOP使用指南: 强大的面向切面编程技术
  • Spring Boot集成Elasticsearch实战
  • 【python零基础入门学习】python基础篇之文件对象open、模块以及函数的使用(三)
  • 【JavaEE】_CSS常用属性值
  • vue组件库开发,webpack打包,发布npm
  • Java中快速排序的优化技巧:随机取样、三数取中和插入排序
  • 【leetcode 力扣刷题】删除字符串中的子串or字符以满足要求
  • 【Unity基础】3.脚本控制物体运动天空盒
  • Spring MVC拦截器
  • ClickHouse的Join算法