自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 el的form表单里面有很多输入框,实现点击回车焦点跳到下一个输入框里

el的form表单点击回车焦点自动跳转下一个输入框

2022-11-02 11:23:52 1547 2

原创 给函数添加防抖

防抖

2022-11-02 11:15:42 212

原创 指定数组的某一项挪到数组的第一位

作为一名前端工程师,我们在通过接口请求下拉框数据是返回的往往都是一个数组,但是有时候直接返回的数组不能满足方便性需求,比如:民族类的下拉框,需要把汉族放到第一位,我们便需要把请求到的数据进行处理 const ceshiList = [ { value:'1', name:'小明' }, { value:'2', name:'小红' }, { value:'3',

2021-06-02 16:23:31 4783 3

原创 给el表格多选框增加是否选中字段

在使用el的表格组件时 我们经常会遇到在表格第一行加一个多选框,有些情况下我们需要判断当前行的多选框是否被选中而进行一些操作,所以就需要增加一个字段进行判断当前行是否被选中 tableData(newVal) { //是否默认勾选 this.$nextTick(() => { if (newVal && this.type != "selection") return; for (let i = 0; i < this.

2021-05-24 11:00:31 177

原创 右键出现相应弹框的组件全部代码

<template> <div class="menuManagement"> <ul v-show="menuDom" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu"> <li v-for="(item, index) in menuList" :key="index" class="menuName" @click="clickMenu(item)"&

2021-05-17 10:15:17 102

原创 计算总金额

计算总金额的方法 sumMoney(table){ const sumList = [] 声明一个空数组,把需要计算的值放到这个空数组里 table.forEach(p => { 从table里面拿出需要计算的金额放到sumlist数组里面 if(p.chargeIndicator != 2){ sumList.push(p.costs) } }) 通过reduce函数对总金额进行计算 this.tot

2021-05-17 10:07:44 567

原创 el日期选择器设置默认时间

我们再用el进行开发时使用日期选择器的时候会遇到设置默认事件的需求,我的解决方式在一个js文件里设置好时间格式 例如: 格式为yyyy-mm-ddconst base = { /** * 返回日期格式 为 yy-mm--dd */ formatDateS(date) { var YY = date.getFullYear(); var MM = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1

2021-03-18 14:24:56 1153

原创 js删除数组中的某一项

var arr = [ { a: "1", b: "2"}, { a: "3", b: "4"} ] arr.forEach(item => { for (var key in item) { if(item.hasOwnProperty(key) && key === 'a') { delete item[key] } } }) console.log(arr) //{b:2},{b:

2020-11-06 15:15:04 474

原创 js深克隆数组和对象

this.kelongList = JSON.parse(JSON.stringify(被克隆的数组));深克隆数组this.kelongObj = JSON.parse(JSON.stringify(被克隆的对象)); 深克隆对象

2020-11-05 19:42:32 190

原创 js比较两个数组是否相同

工作中经常需要对两个数组进行比较是否相同,把数组转换为字符串进行比较 如下:JSON.stringify(数组1) == JSON.stringify(数组2)相同返回true 不相同返回false

2020-11-05 19:40:21 902

原创 el的时间选择器设置当前日期之前不可选择

在工作中经常会遇到使用时间选择器的功能,有的时候需求会有当前日期之前的时间不能选择,这里使用的时el的时间选择器组件,只需要绑定:picker-options这个属性,在data里面默认就可以了 如下图这里就是设置小于当前日期的置灰,不可选择...

2020-09-24 10:21:06 1192

原创 js中filter的用法

filter是我们经常使用它过滤array的某些元素,返回剩下的元素filter是把传入的数据依次作用每个元素,然后根据返回值是true或false来进行保留或过滤例如过滤偶数,返回的arrListFilter数组就是偶数数组 let arrList = [0, 1, 2, 3, 4, 5]; let arrListFilter = arrList.filter(item => { return item % 2 == 0; });filter还能接收回调函数,可

2020-07-30 09:49:31 5048

原创 el-input聚焦时文本内容全选和绑定回车事件

<el-input v-model="specimen_num" @keyup.enter.native="submitKey"//绑定回车 style="width:140px;" onfocus="this.select()"//聚焦时文本内容全选 ></el-input>

2020-07-20 14:46:39 1083

原创 数组里根据某个值去寻找相对应的值

let labgroupid = this.data.find(p => { return p.labgroupname === this.testGroup; }).labgroupid;```上面代码是根据绑定的名称去对应相应的IDdata是labgroupname和labgroupid的数组,它俩是一个对象,this.testGroup;是绑定的名称,传给后台需要把绑定的名称相对应的ID传过去,不能传名称的情况下,就需要通过绑定的名称去寻找对应的ID传给后台,然.

2020-07-16 17:24:06 1834

原创 element的日期选择器返回后端格式

我们在使用el的日期选择器的时候默认返回的格式就像上图一样的格式,但是咱们后端一般都是要"yyyy-mm-dd"的形式 所以我们需要使用日期选择器的这个属性 value-format=“yyyy-MM-dd” 例如<el-date-picker v-model="value1" type="daterange" unlink-panels size="mini" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开..

2020-06-12 14:59:04 2567

转载 axios的封装

对axios的封装没事多看看,争取根据项目需求自己搭出来一套属于自己的

2020-05-25 20:39:04 121

转载 创建一个基于webpack的vue脚手架(带config,build文件)

创建基于webpack的脚手架转自

2020-05-25 19:43:39 260

原创 获得当前年月日时分秒并能判断是早晨 中午 下午 深夜

var date = new Date()var year = date.getFullYear()//年var month = date.getMonth() + 1//月var strDate = padDate(date.getDate())//日var Hours = padDate(date.getHours())//时var Minutes = padDate(date.getMinutes())//分if (month >= 1 && month <=

2020-05-20 01:09:42 869

原创 el的el-autocomplete组件使用

<el-autocomplete v-model="addressInput" :fetch-suggestions="querySearch" @select="addressSelect":trigger-on-focus="false" placeholder="请输入房源编号" clearable style="width: 100%" class="autocomplete-input"></el-autocomplete>带addressSelect的写法q

2020-05-20 00:40:22 4536

原创 elment的带下拉框的远程搜索(可自己输入内容)

<el-Select v-model="ContName" allow-create filterable multiple default-first-option style="width:200px" :remote-method="searchEn"> <Option v-for="(item,index) in EnList" :value="item.value" :key="index">{{item.contractName}}<

2020-05-19 18:39:53 824

原创 vant的下拉加载分页的使用

分页接口的写法在mounted也要调用一下vant下拉加载分页完成

2020-05-19 15:08:06 2556 1

原创 element的分页使用

引入分页组件element分页的使用(如果用户需要一进到页面就看到数据,记得在进入页面时调一下分页接口,获得数据)

2020-05-19 13:50:25 381

原创 rsa传参加密方式

在main.js里面的设置(上下两图 前提是要先下载依赖)在所需加载页面使用(如果加密过长导致报错则引入下图箭头所指)整个rsa加密过程完成

2020-05-19 13:37:24 659

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除