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

vue:如何把后端传过来的数组的其中一个对象加入新的属性

加入我们是更改数组中的第一个对象,在vue中可以使用$set方法将属性插入到第一个对象中作为属性。

Script部分:

<script>export default {data() {return {boxes: [//模拟后端传过来的数组{id:1,name:'张三'},{id:2,name:'李四'},{id:3,name:'王五'},{id:4,name:'赵六'}],name:'土鸡'//新更改的属性};},created() {this.samsung();},methods:{samsung(){const obj = this.boxes[0]if(obj){this.$set(obj, 'name', this.name)}console.log('this.boxes',this.boxes)}},}
</script>

模拟后端获取的数据boxes,然后我们把新的name:土鸡,把boxes第一个对象的name属性‘张三’,跟换成土鸡。

我们直接通过索引0来获取boxes数组中的第一个对象,并将其赋值给变量obj。然后使用Vue提供的$set方法,将name属性插入该对象中,并赋值为土鸡。这样就实现了将属性name:土鸡插入到第一个对象中的操作。

允许结果如下:

http://www.lryc.cn/news/230327.html

相关文章:

  • 数据库数据恢复—MSSQL报错“附加数据库错误823”如何恢复数据?
  • 如何使用 Java 设计一个简单的成绩计算程序
  • requests 在 Python 3.2 中使用 OAuth 导入失败的问题与解决方案
  • 山东省技能兴鲁网络安全大赛 web方向
  • No206.精选前端面试题,享受每天的挑战和学习
  • C#,数值计算——函数计算,Ratfn的计算方法与源程序
  • 排序算法之-快速
  • [vim]Python编写插件学习笔记2 - 分离
  • 【已解决】ModuleNotFoundError: No module named ‘kornia‘
  • 预览PDF并显示当前页数
  • 阿里云优惠券介绍、作用、领取入口及使用教程
  • Shell编程--流程控制
  • 设计模式-模板方法模式(Template Method)
  • 远程登录Linux方法(Linux平台相互远程;Windows远程登录Linux、远程编码、文件传输;无法远程登录的问题解决;c程序的编译)
  • macOS 13.6 及后续系统安装 Asahi Linux 将破坏引导
  • Python武器库开发-flask篇之flask框架的安装(二十一)
  • 【CASS精品教程】打开cass提示base.dcl未找到文件的解决办法
  • [vim]Python编写插件学习笔记3 - 命令行参数
  • 【仙逆】王林400年晋升元婴,复仇藤化元杀尽藤姓,高老畏罪自裁
  • 云原生实战课大纲
  • 数据湖架构
  • Zabbix 5.0部署(centos7+server+MySQL+Apache)
  • YOLO改进系列之注意力机制(CloAttention模型介绍)
  • openssl+AES开发实例(linux)
  • FreeRTOS源码阅读笔记3--queue.c
  • 云原生Kubernetes系列 | 通过容器互联搭建wordpress博客系统
  • java读取OPC DA数据---Utgard
  • 在 Android 上简单安全地登录——使用凭证管理器和密钥
  • 【Python】上市公司数据进行经典OLS回归实操
  • 科研学习|科研软件——有序多分类Logistic回归的SPSS教程!