往对象数组里面添加相同的key 不同的value

应用场景:后盾字段没有发给你  自己补充数据

 <div v-for="item in list" :key="item.id">
      <p>{{ item.id}} ----> {{ item.name}} --->{{ item.sex }}---> {{ item.tel }}---->{{ item.link}}--插入数据</p>
 </div>

  

  var vm = new Vue({
            el:"#app",
            data: {
                list: [{
                        id: 1,
                        name: "张三1",
                        sex: "男",
                        tel: "18383838388"
                    },
                    {
                        id: 2,
                        name: "张三1",
                        sex: "男",
                        tel: "18383838388"
                    },
                    {
                        id: 3,
                        name: "张三1",
                        sex: "男",
                        tel: "18383838388"
                    }
                ],
                con:["www11", "56456", "123"]
                
            },

            created() {
                for (var i = 0; i < this.list.length; i++) {
                    // 给数组添加一个属性和属性值
                    this.list[i]["link"]=this.con[i];
                }
                console.log(this.list)
            },

        })

猜你喜欢

转载自www.cnblogs.com/IwishIcould/p/11261369.html
今日推荐