- 博客(59)
- 收藏
- 关注
原创 关于el-date-picker设置禁用日期的处理,包含禁用每月的最后一天
【代码】关于el-date-picker设置禁用日期的处理,包含禁用每月的最后一天。
2023-06-06 00:32:37 630
原创 vuedraggable互相拖动: 禁止拖动元素,和禁止拖动到的区域,以及禁止拖动整体。
vuedraggable互相拖动禁止拖动、区域、位置、元素
2022-12-26 17:22:37 12287 4
原创 对象循环遍历
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
转载 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
原创 正则同时验证电话号码和手机号码
{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
原创 使用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>
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关注的人