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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。