vue lodash debounce,

  vue lodash debounce,

  主要介绍了在Vue中使用Lodash的实现实例,通过实例代码非常详细,有一定的参考价值。感兴趣的朋友可以参考一下。

  

安装

  cnpm i -S lodash

  

全局引入

  从“lodash”导入

  Vue.prototype._=_

  

使用

  在任何地方使用_this._呼叫lodash。

  对象数组排序

  让用户=[

  {用户: a ,年龄:48 },

  {用户: b ,年龄:34 },

  {用户: a ,年龄:42 },

  {用户:“b”,年龄:55 }

  ];

  让c=这个。_.orderBy(用户,[年龄],[ desc ]);

  Console.log(年龄降序:,c);

  设d=_。orderBy(用户,[用户,年龄],[desc , ASC ]);

  Console.log(用户降序,年龄升序:,d);

  

场景1:

  我们希望可视化今天每个小时的数据,其中x轴是

  [00, 01, 02, 03, 04, 05, 06, 07, 08, 09, 10, 11, 12, 13

  封装功能:

  测试(

  arr1=[00 , 01 , 02 , 03],

  arr2=[

  {值: 12 ,名称: 00 },

  {值: 45 ,名称: 01 },

  {值: 65 ,名称: 03 }

  ],

  orderKey=name ,

  订单=asc

  ) {

  设arr _ result=arr 2 . map((d)=d . name);

  设a=arr1.filter((item)=!arr _ result . includes(item));

  如果(a.length!==0) {

  forEach((item)={

  arr2.push({ value: 0 ,name:item });

  });

  }

  return _。orderBy(arr2,[orderKey],[order]);

  },

  关于在Vue中使用Lodash的实现示例,本文到此结束。关于使用Lodash的Vue的更多信息,请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: