编写Vue项目,如何给数组的第一位添加对象数据
时间:2022-06-04 12:21:13|栏目:vue|点击: 次
Vue给数组第一位添加对象数据
核心代码如下:
this.menuBar.unshift({ title:"全部", id:13 })
全部代码如下:
data(){ return { menuBar:[ { title:"家具生活", id:14 }, { title:"摄影设计", id:15 }, { title:"明星美女", id:16 }, { title:"空间设计", id:17 }, { title:"户型装饰", id:18 }, { title:"广告摄影", id:19 }, { title:"摄影学习", id:20 }, { title:"摄影器材", id:21 }, { title:"明星写真", id:22 }, { title:"青春甜美", id:23 }, { title:"古典美女", id:24 }, ], } }, created(){ /*在数组的第一位添加对象数据*/ this.menuBar.unshift({ title:"全部", id:13 }) },
给数组添加新对象并赋值
方法一
适用于数组就只有一组
listData: [{name:"张三",age:18}], //直接添加对象 listData.sex="男"
方法二
适用于数组中有多组信息
listData:[], list:[{"张三","李四"}] //比如想把另外一个数组中编列出来的值加入到这个数组中 for (let index = 0; index < this.listlist.length; index++) { this.listData.push({ name: "" }); this.listData[index].name= this.list[index]; }
上一篇:详解@Vue/Cli 3 Invalid Host header 错误解决办法
栏 目:vue
本文地址:http://www.codeinn.net/misctech/203739.html