往物件陣列裡面新增相同的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)
            },

        })