vue教程
  • input上传多文件,上传文件夹!

    直接看吧! inputref=excel-upload-inputclass=excel-upload-inputtype=filewebkitdirectorymultiple@change=handleClick webkitdirectory 上传文件夹 multiple 多文件

  • vuejs的get请求的图片怎么展示在网页!

    1、如果没有权限验证,则简单 imgsrc=请求全部链接填进去即可/ 2、如果需要发送get请求,那么就需要先把图片转成 Blob 对象,然后再进行转化!方法如下, returnrequest({url:url,method:get,responseType

  • el-dialog拖动

    1、先在directive文件夹下新建dialogDrag 文件夹 2、新建index.js importdialogDragfrom./dialogDragconstinstall=function(Vue){Vue.directive(scrollx,dialogDrag)}if(window.Vue){window[dialogDrag]=dialogDragVue.use(install);//eslint-disable-lin

  • 头条 vue el-table 横向鼠标滚动的指令封装--带缓动效果

    懒写的了 直接上代码了! 主要是带缓动功能! 1、新增指令方法 目录 /src/directive/tableScroll/ 新增 index.js 文件 importscrollxfrom./scrollsconstinstall=function(Vue){Vue.directive(scrollx,scrollx)}if(window.Vue){window[s

  • vue el-table 鼠标滚轮 左右滚动

    代码 scrollFunction(obj,id){obj=document.getElementById(id)if(obj.attachEvent){obj.attachEvent(onmousewheel,this.mouseScroll(obj))}elseif(obj.addEventListener){obj.addEventListener(DOMMouseScroll,this.mouseScroll(obj),false)}obj.onmousewheel=obj.onm

  • scroll的平滑滚动

    主要原理是每次滚动一半! A = A + (B - A) / 2 我下一秒的位置 = 现在位置 + 现在距离的一半 !DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttps://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtmlxmlns=https://www.w3

  • vue 回调函数

    querySearch(queryString,cb){varcomefroms=this.comefromsvarresults=queryString?comefroms.filter(this.createFilter(queryString)):comefroms//调用callback返回建议列表的数据cb(results)},//过滤createFilter(q){return(v)={returnv.value.toLowerCas

  • el-table树形菜单加载删除

    this.$confirm(确定删除当前菜单及其所有子级菜单?,是否删除,{confirmButtonText:确认,cancelButtonText:取消,type:warning,}).then(async()={DELETEdelete(menuId).then((res)={if(res.code==2000){this.$message.success(处理成功)//thi

  • async await详解

    首先我们要明白 async 返回的是一个promise对象必须得用.then接收的 而await 得到的是一个值,可以是任何的! 举例: asyncfunctionaa(){return2console.log(2)}vars=aa()s//-Promise{fulfilled:undefined}varb=awaitaa()b//=2

  • vue Promise.then.then详解Promise.all

    使用场景1 每一个结果,都需要依赖于另外一个结果 Promise.resolve(foo).then(string={returnnewPromise(function(resolve,reject){setTimeout(function(){string+=2;resolve(string);},2000);});}).then(string={setTimeout(function(){string+=3

  • vue element 搜索通用组件,可动态传入下拉

    1、使用方法 表单配置示例:[{label:用户名,//label文字prop:username,//字段名element:input,//指定elementui组件initValue:阿黄,//字段初始值placeholder:请输入用户名,//elementui组件属性rules:[{required:true,message:必填

  • vue scss变色换肤功能!详细讲解原理方法

    其实很多人说scss换色,想着很复杂,其实不然,scss解析到页面后还是css,所以所谓scss换色,还是一种css换色的方法! 原理其实就是这样! p.a{color:#333;}p.b{color:res;}p.c{color:blue;} 所以他的原理其

  • vue 安装scss总是报错怎么办,启动卡住

    npminstallsass-loader--save-devnpminstallnode-sass--sava-dev 基本如果报错就是各种版本不兼容问题! 那就卸载安装对应版本 npmuninstallsass-loadernode-sass//卸载npminstallsass-loader@7.3.1node-sass@4.14.1--save-dev//安装对应

  • vue element全局换色!

    2个方案,可以分别实现,或者2个都用! 方案1、指定颜色,无非就是重新弄一个css,再替换下就行了! 方案2、随便选颜色随便换色!有点单一,不过也有办法可以解决! 方案1、指定颜色 这玩

  • vue ajax设置mock模拟后端返回数据

    一、简便方法 无需引入其他内容,直接使用devServer下的before方法 /*文件位置为buildwebpack.dev.conf.js*///方法1constdevWebpackConfig=merge(baseWebpackConfig,{devServer:{//before方法:能够在其他所以的中间件之前执

  • .then异步后的数据如何返回

    场景:假如我们在onload状态下,想要获取 Promise 异步后的数据来改变数据! 先上实现方法 第一段 methods:{asynca(aid,channlid){letb=//这里必须先设置awaitajaxview(aid,channlid).then(res={if(res.data.data){b=res.da

  • vue2.96引入全局less文件

    安装 npminstallsass-resources-loader--save-devnpminstalllessless-loader--save 方法1: 找到build文件夹下面的utils.js 找到 less: generateLoaders(less) 修改成 less:generateLoaders(less).concat({loader:sass-resources-loader,options:{reso

  • element table双击修改取消和编辑删除按钮

    不多少了直接上源码,里面有注释 templateel-table:data=tableDataborderstyle=:row-class-name=tableRowClassName@row-dblclick=dbclickel-table-columnprop=domainlabel=域名width=180/el-table-columnel-table-columnprop=namelabel=企业名称wid

  • vue的vscode关闭括号的提示检测

    找到项目中的.eslintrc.js文件在rules中加入一下代码 关闭空格以及换行的检测规则 //allowdebuggerduringdevelopmentno-tabs:0,no-mixed-spaces-and-tabs:0,indent:[off,tab],no-trailing-spaces:0

  • vue less报错Module build failed: TypeError: loaderContext.getR

    这个错误一般都是由less-loader版本过高导致的,版本号可以在 package.json 中查看; 卸载原来的 npm uninstall less-loader; 安装指定版本npm install less-loader@4.1.0 --save npm uninstall sass-loader(卸载当前版本