首页 > 其他分享 >Vue系列---【如何完善自己的工具类方法?】

Vue系列---【如何完善自己的工具类方法?】

时间:2024-07-08 22:53:15浏览次数:12  
标签:arr Vue 系列 newArr next --- code obj removeDuplicate

1.在src目录下新建一个util目录

2.新建一个CommonUtil.js文件

这里我以集合去重方法为例

//根据code去重
export function removeDuplicate  (arr)  {
  let obj = {};
  arr = arr.reduce((newArr, next) => {
    obj[next.code] ? "" : (obj[next.code] = true && newArr.push(next));
    return newArr;
  }, []);
  return arr;
}

3.在vue文件中引用

import {removeDuplicate} from '@/util/CommonUtil.js'
let payMethods =[
    {
        "code": "WX",
        "name": "微信"
    },
    {
        "code": "ZFB",
        "name": "支付宝"
    },
    {
        "code": "CFT",
        "name": "财付通"
    }
]
console.log("removeDuplicate",removeDuplicate(payMethods))

标签:arr,Vue,系列,newArr,next,---,code,obj,removeDuplicate
From: https://www.cnblogs.com/hujunwei/p/18290835

相关文章

  • Oracle系列---【如何修改oracle密码?优雅切换密码】
    1.问题描述接审计要求,已上线的数据库的密码属于弱口令,需要更改成严格的,但是服务又不能停机,这种情况下,只能在原有用户名上新增代理用户,这里不能用新建用户的方案,因为用户间不能共用schema,所以只能用新增代理用户的方案。切换到代理用户的过程中发现,"ORA-28000:Theaccountisl......
  • ElasticSearch系列---【在已有索引中添加新的字段】
    1.问题描述消费kafka的数据,写入es,为了查看推送时间和消费时间的时间差值,我们需要在原有的es索引core_pri_flow_202405中添加新字段produce_time和create_time。2.直接使用devtools添加新字段#使用Easy-Es框架,实体类中添加字段@IndexField(value="produce_time",fieldType=Fie......
  • Linux 多网卡绑定(AB网-ip漂移)-bonding机制-ifenslave工具
    作用:主备网卡所谓的多网卡绑定就是将多张物理网卡逻辑上组成一个网卡,这样就可以防止一块网卡坏了网络瘫痪,也能起到提升网络带宽的作用。把多块网卡绑定在一起,一般有两种工作模式可以选择,轮询模式和主备模式-轮询模式:例如把两块网卡绑定在一起,此时两块网卡都处于工作状态,它......
  • Oracle系列---【表空间常用命令】
    1.创建表空间#创建大小为30G且开启自增的表空间CREATETABLESPACETEST_COM_SMM_FRONTDATAFILE'/oradata/ORA19/datafile/TEST_COM_SMM_FRONT_01.dbf'SIZE30024MAUTOEXTENDON;2.查看表空间使用情况#表空间数据文件维度使用率查询SELECTb.TABLESPACE_NAME,b......
  • 数据分析-Excel篇总结
    sum函数:1.对选定的区域进行求和,可以是整行、整列或一个区域。2.英文输入=sum,按Tab键建立sum函数,再选中区域。3.注意列、行的标签索引,如C14.sum函数可以不在同一表里操作。5.视图-新建窗口,可以建立一个一模一样的excel表格,不影响原表格操作,看着方便6.视图-冻结窗格,可以冻......
  • springcloud-注册中心和配置中心
    1注册中心1.1为什么要用注册中心微服务之间会相互调用,假如有两个服务orderService和userService,orderService会调用userService获取当前订单相关的用户信息,且userService部署了多个实例:大家思考几个问题:order-service在发起远程调用的时候,该如何得知user-service实例的ip......
  • 谷粒商城学习笔记-2-分布式组件-SpringCloud Alibaba-Nacos注册中心
    文章目录一,Nacos简介1,简介2,Nacos原理剖析二,Nacos服务端安装1,下载nacos-server2,解压启动nacos-server3,验证三,服务注册步骤1,引用Nacas客户端的Jar包2,服务启动类增加注解3,配置Nacos服务器地址四,验证错误记录一,Nacos简介1,简介Nacos是阿里巴巴开源的一个更易于构建云......
  • java---方法
    乐观学习,乐观生活,才能不断前进啊!!!我的主页:optimistic_chen我的专栏:c语言欢迎大家访问~创作不易,大佬们点赞鼓励下吧~前言在编程中,某段功能的代码可能会频繁的使用到,如果每次都重新实现一遍,那么程序效率低下,并且不利于维护,而且需要改动时,所有用到该代码的代码的位置都......
  • Vue2和Vue3区别的理解和学习1-API结构
    API结构Vue2采用选项式API,包括data、methods、mounted等,而Vue3则引入了组合式API,主要使用setup函数。这种变化使得代码组织更加模块化,更易于复用和维护。选项式API(OptionsAPI)包含多个选项的对象来描述组件的逻辑。选项所定义的属性都会暴露在函数内部的this上,......
  • Vue2和Vue3区别的理解和学习4-模板和语法
    Vue2和Vue3区别的理解和学习4-模板和语法组件定义//vue2exportdefault{data(){return{count:0}},methods:{increment(){this.count++}}}vue3---jsimport{ref}from'vue'expo......