weixin_459417989的博客

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

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

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

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

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

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

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

vue 清空from对象的六种方式

js 数组操作篇

vue 流的方式下载文件

vue 使用XLSX下载表格

slot基础用法和传值

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

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

方法： 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;// 这个就是需要的结果.

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

form表单循环验证

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] ?

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

查找: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';

一、配置成全局永久保存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 --

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

鼠标移入显示坐标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

${expression}

{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: '手机号码格式错误！'}]}

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

通过后端获取数据直接赋值给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

可以使用 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

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

<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

<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

<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

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

此文来自转载 假设后端数据： 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'}， ]

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

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

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

创建一个.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 =

在下载的时候有的时候会用到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

在这种情况下会失效，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