Vue向数组里面添加字段

1. 有时候我们会碰到这种情况：比如我们渲染一个table，从后端返回的数组里面并没有我们想要的字段，如果让后台帮忙加上的话，会增加冗余字段，这样会增加后端的维护成本，并不可取。

2. 我们可以通过 this.$set 来增加一个字段比如:

                    const lists = res.data // 后端返回数组

                    this.tableData = lists.map(i =>{

                        this.$set(i, edit , false)

                        return i

                    })

3. 更详细的可以去查看官方文档， ps：Vue官网转了好久打不开。。。

向数组里添加一个元素怎么添加，这儿总结有三种方法：

1、一般数组是不能添加元素的，因为他们在初始化时就已定好长度了，不能改变长度。

但有个可以改变大小的数组为ArrayList，即可以定义一个ArrayList数组，然后用add(element)方法往里添加元素即可，还可add(index,element)往指定下标处添加元素

2、思路为先把array转化为list，用list的add()方法添加元素，再把list转化为array。

但这儿会有一个陷阱盲区，在把array转化为list的过程中，使用的asList()方法会返回一个final的,固定长度的ArrayList类，并不是java.util.ArrayList，直接这样利用它进行add()或remove()是无效的。

那应该怎么做呢，在定义list的时候就直接对array进行转化

第三个方法思路为创建一个新数组，新数组的大小为旧数组大小+1，把旧数组里的元素copy一份进新数组，并把要添加的元素添加进新数组即可。

将数组转换成List<T>后，利用List<T>.Insert实现插入新元素。方法如下：

using System

using System.Collections.Generic

namespace ConsoleApplication1

{

    class Program

    {

        static void Main(string[] args)

        {

            int[] x = { 1, 2, 3, 4 }

            Console.WriteLine("插入前")

            PrintArray(x)

            try

            {

                x = InsertNumber(x, 10, 4)

                Console.WriteLine("在 Index=4 处插入10后")

                PrintArray(x)

    

                x = InsertNumber(x, 100, 0)

                Console.WriteLine("在 Index=0 处插入100后")

                PrintArray(x)

            }

            catch (Exception e)

            {

                Console.WriteLine(e.Message)

            }

        }

        

        /// <summary>

        /// 将value 插入到指定数组的指定的位置

        /// </summary>

        /// <param name="a">指定数组</param>

        /// <param name="value">待插入的元素</param>

        /// <param name="index">插入的位置</param>

        /// <returns>插入后的数组</returns>

        static int[] InsertNumber(int[] a, int value, int index)

        {

            try

            {

                //转换成List<int>集合

                List<int> list = new List<int>(a)

                //插入

                list.Insert(index, value)

                //从List<int>集合，再转换成数组

                return list.ToArray()

            }

            catch (Exception e)  // 捕获由插入位置非法而导致的异常

            {

                throw e

            }

        }

        

       /// <summary>

        /// 打印数组

        /// </summary>

        static void PrintArray(int[] a)

        {

            foreach (int x in a)

            {

                Console.Write("{0} ", x)

            }

            Console.WriteLine()

        }

    }

}

---