Vue向数组里面添加字段

Vue向数组里面添加字段,第1张

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

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

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

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

                        this.$set(i, edit , false)

                        return i

                    })

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

将数组转换成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()

        }

    }

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11814394.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存