xielatian-CSDN博客

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 159

原创计算属性传参

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

2022-02-13 07:30:00 580

原创使用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 104

原创 el-form表单循环验证

form表单循环验证

2022-01-17 21:46:04 5159 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 63

原创 js简单递归

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

2021-02-17 12:45:09 634

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

查找: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 274 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 1565

原创 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 132 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 1901 1

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

${expression}

2021-02-09 10:14:36 138

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

{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 647 1

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

2021-02-01 11:36:07 362

原创使用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 1593 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 792

原创 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 442

原创 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 257

原创 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 1212 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 1254

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

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

2020-11-21 21:50:27 2162

原创前端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 537

原创 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 1280

原创 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 951 1

原创 vue页面自动退出

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

2020-11-19 20:15:51 842

转载 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 642

原创 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 2878

原创 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 4147 1

空空如也

空空如也