自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 关于el-date-picker设置禁用日期的处理,包含禁用每月的最后一天

【代码】关于el-date-picker设置禁用日期的处理,包含禁用每月的最后一天。

2023-06-06 00:32:37 630

原创 es6对象多层解构、数组解构

【代码】es6对象多层解构、数组解构。

2023-01-15 20:16:37 987

原创 当设置response为blob时,但是返回错误提示的处理方式

response为blob接收json格式返回值的处理方式

2023-01-15 18:41:18 1269

原创 vuedraggable互相拖动: 禁止拖动元素,和禁止拖动到的区域,以及禁止拖动整体。

vuedraggable互相拖动禁止拖动、区域、位置、元素

2022-12-26 17:22:37 12287 4

原创 关于动态表单循环中取值问题

vue 动态表单循环渲染 v-model

2022-11-21 22:57:43 253

原创 vue注册局部指令 、全局指令、批量全局注册指令

vue 局部指令,全局指令,批量全局注册指令

2022-10-27 00:58:29 1701

原创 el-input 输入框控制输入字节长度

el-input输入框输入字节长度控制

2022-10-26 23:16:39 4950

原创 vue清空form对象

vue 清空from对象的六种方式

2022-08-01 15:17:31 3145

原创 js数组操作篇

js 数组操作篇

2022-07-23 23:46:06 244

原创 vue 流的方式下载文件

vue 流的方式下载文件

2022-07-23 23:40:48 945

原创 vue使用XLSX下载表格

vue 使用XLSX下载表格

2022-07-23 23:35:48 617

原创 slot插槽组件基本用法和传值

slot基础用法和传值

2022-07-23 23:29:16 526

原创 对象循环遍历

for(const key in text){ if(object.prototype.hasOwnProperty.call(text,key)&&typeof text[key]!=='undefined'){ const needobj = text[key]}}

2022-02-18 23:19:25 1392

原创 pattern 在外做逻辑验证

import...const validate (rule,value, callback) =>{ if(number(value)&&number(value>365)){ return callback(new Erro('时间过长')) } callback();}return{ data(){ rules:{ times:[{required:true,message:'不能为空!',trigger:'blur'},{validator

2022-02-18 23:09:05 185

原创 计算属性传参

假如在表单中:label="showLabelItem(item)"下面计算属性computed:{ showLabelItem(){ return(item)=>{ const {prop, name} = item; if(prop=="zhansan"){ return "zhangsan111" } return name } }}

2022-02-13 07:30:00 597

原创 使用XLSX把上传文件流转为数组

方法: getChangeFile(file){ this.fileToArr(file).then(item=>{ if(item&&item.length>0){ if(item[0]&&item[0].sheet&&item[0].sheet.length){ const fileInfo = item[0].sheet; this.Arr = fileInfo;// 这个就是需要的结果.

2022-02-07 21:14:19 137

原创 el-form表单循环验证

form表单循环验证

2022-01-17 21:46:04 5283 1

转载 2021-09-27

let person = [ {id: 0, name: "小明"}, {id: 1, name: "小张"}, {id: 2, name: "小李"}, {id: 3, name: "小孙"}, {id: 1, name: "小周"}, {id: 2, name: "小陈"}, ];let obj = {};let peon = person.reduce((cur,next) => { obj[next.id] ?

2021-09-27 21:13:15 92

原创 js简单递归

digui() { let arr = []; getId(tableDataList); function getId(data) { data.forEach(item => { if (item.children) { getId(item.children); ..

2021-02-17 12:45:09 666

原创 数组新增删除替换过滤查找

查找:style="'background:'+DSDColor.find(item => item.ymd === new Date(value).Format('yyyy-MM-dd')).color"let arr=[1,2,3,4,5,6,7,8,9];console.log(arr.find(function(value,index,arr){ return value > 5;})) //输出6从外部传入替换let stationId ='1223';

2021-02-17 12:41:14 295 1

原创 git设置查看清除账户信息

一、配置成全局永久保存1、配置用户名:usernamegit config --global user.name “username”2、配置邮箱:user@emailgit config --global user.email “user@email”3、配置密码git config --global credential.helper store该命令会记住密码,执行一次 git pull 或 git push 等需要输入密码的命令,输入一次密码。4、查看配置git config --

2021-02-17 12:32:52 1616

原创 es6在.vue里简单演示

<template> <div class="es6Page" > <div>这里是展示es6新特性</div> <div>1.const和let: {{letConst}}</div> <div>2.模板字变量: {{mobanzi}}</div> <div>3.解构数组: {{jiegou}}</div> <div>4.解构对象:

2021-02-09 16:06:50 164 1

原创 openLayers 地图 鼠标移入显示坐标、显示手指、点击事件

鼠标移入显示坐标map.addControl(new OpenLayers.Control.MousePosition())鼠标移入显示手指map.layerContainerDiv.style.cursor = "pointer";鼠标点击事件map.events.register('click', map, function(e){ //获取点击的大致点, var clickbuffer = 8; //看起来应该有几个像素? var sw = map.getLonLatFro

2021-02-09 15:15:33 2053 1

原创 es6新特新摸板字面量占位符

${expression}

2021-02-09 10:14:36 180

原创 正则同时验证电话号码和手机号码

{rules:[{ pattern: /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$|^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$|^0\d{2,3}-?\d{7,8}$/, message: '手机号码格式错误!'}]}

2021-02-09 10:13:05 687 1

原创 div移入显示手指 通过class设置

<div class="cursor-pointer"></div>

2021-02-01 11:36:07 403

原创 使用element上传图片 显示后端传过来的

通过后端获取数据直接赋值给file-list<el-upload action="#" **:file-list="fileList"** list-type="picture-card" :auto-upload="false"> <i slot="default" class="el-icon-plus"></i> <div slot="file" slot-scope="{file}"> <img

2020-12-10 00:57:10 1652 1

原创 vue打印页面只需要打印某一部分

可以使用 slot 元素,<div><div slot="title" style="float: right"> <div>这里显示的内容不会被打印</div> <el-button @click="cancel">取 消</el-button> <el-button type="primary" @click="window.print()">打 印</el-button&g

2020-12-10 00:29:44 862

原创 element菜单栏递归渲染加router

首先建立个公共组件-左侧栏(asideMenu.vue)这个文件需要把el-menu引进来,然后他的子就单独循环<template> <div class="container"> <el-container> <el-header>Header</el-header> <el-container class="container-body"> <el-aside class=

2020-11-24 16:30:21 498

原创 vue使用post下载文件兼容ie以及get下载

<div> <el-button @cilck="downTextPost">post下载</el-botton> <el-button @cilck="downTextGet">post下载</el-botton> <div><script> export default{ data(){}, methods:{ downTextPost(){ this.axios({ met

2020-11-21 22:43:13 280

原创 el-table给合并行添加颜色

<template> <el-table :data="tableData" style="width: 100%" :row-class-name="tableRowClassName" :span-method="spanMethod" > <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-colum

2020-11-21 22:24:35 1326 1

原创 el-form rules 验证失败可能原因

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-form-item> </el-form&g

2020-11-21 22:04:16 1389

原创 el-table增加鼠标移入显示内容

只需在<el-table-column show-overflow-tooltip></el-table-column>

2020-11-21 21:50:27 2236

原创 前端js递归

此文来自转载 假设后端数据: treeData:[ {id:001,name:'一级菜单',parentId:'0'}, {id:002,name:'二级菜单',parentId:'1'}, {id:003,name:'三级菜单',parentId:'2'}, {id:004,name:'二级菜单',parentId:'1'}, {id:005,name:'二级菜单',parentId:'1'}, {id:006,name:'一级菜单',parentId:'0'}, ]

2020-11-21 21:14:28 695

原创 vue使用component通过:is多组件引入

在某一个页面有多个组件需要同时引入或者按需引入,并且通过后端接口控制显示哪些组件。<div> <component v-for="(item,index) in compList" :is="item.path" :key="index" ></component></div><scipt>//在component.js我们可以先注册需要的组件进去,或者在mian.js里面统一注入import componentList form '

2020-11-21 20:58:37 1359

原创 vue 项目引入echarts

1,首先在 npm 里面安装 npm install echarts --save2,在mian.js中引入 import Echarts from 'echarts' Vue.prototype.echarts = Echarts Vue.use(Echarts)3,在.vue文件中使用<div> <div class="myEcharts" style="width:100px;height:200px" ></div></div&gt

2020-11-21 20:39:14 997 1

原创 vue页面自动退出

```csssetTimeOut(function(){ window.open("","_self").close()},2000)this.$router.push({push:'/error'});

2020-11-19 20:15:51 874

转载 vue创建js控制页面长时间不操作自动退出

创建一个.js文件,在main.js引入此js(vue框架)在登录成功的时候保存当前时间localStorage.setItem(“lastTime”,new Date().getTime());然后在点击的时候更新这个时间var lastTime = new Date().getTime(); var currentTime = new Date().getTime(); var timeOut = 30 * 60 * 1000; //设置超时时间: 30分 window.onload =

2020-11-09 22:08:07 697

原创 vue 把一个对象转化成URl数据

在下载的时候有的时候会用到window.location.herf=’’这里的url可能包含了一些请求参数,但是如果参数过多,就不好一个一个处理let data ={ id:'123', name:'aaa', age:'18', weight:56, ....}let url='';for( let i in data){url+="&"+i+"="+data[i]}window.location.herf= window.location.host+'/downPat

2020-09-24 21:51:43 3053

原创 el-table :formatter属性失效

在这种情况下会失效,formatter不能和scope一起使用,<el-table-column label='状态' prop="type" :formatter="formatter"> <template slot-scope="scope"> <p>{{scope.row.type}}</p> </template></el-table-column><script> methods:{ f

2020-09-24 21:38:38 4353 1

空空如也

空空如也

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

TA关注的人

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