- vue常见问题
-
-
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
-
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
-
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（卸载当前版本
-
配置webpack中dev.env.js、prod.env.js，解决不同命令下项目启动和打包到指定的环境
前后端分离的项目开发中，我们有开发环境、测试环境、预生产环境和生产环境。 1、开发环境下调试接口的时候，一般都会有好几个接口地址（开发服务器上的，本地的，接口开发人员的，七
-
vue的element上传图片的handleAvatarSuccess钩子携带参数变量
简单点！ 直接上代码 :on-success=handleAvatarSuccess.bind(this,items.TagName) 利用es5的bind函数！ this 是当前， items.TagName 是携带的参数 handleAvatarSuccess(idx,res,file,name){console.log(res)console.log(file)console.log(idx)
-
vue项目怎么安装百度的ueditor富文本编辑器
1、首先去下载编辑器 http://ueditor.baidu.com/website/download.html 2、然后，把他放到static文件夹内！ 3、新建组件，引入js templatedivclass=editorsscriptref=ueditorElemid=editortype=text/plain/script/div/templatescriptimpor
-
vue下element如果实现菜单el-menu多级循环
1、首先整理下逻辑！ 循环，如果有下级，则输出下拉样式，如果没有，则直接输出 el-menu-item ， v-for|--v-if|--v-for|--v-if|--v-for|--v-if输出下拉菜单样式|--v-else|--v-else|--v-else 2、然后我们来组织代码
-
vc格式化js不符合eslint各种缩进不符合规范
先上蛋疼图 各种缩进不符合 解决方案 首先安装eslint，prettier-Code formatter，vetur 这三个插件，大多数情况下vetur已经安装了。 然后打开文件首选项设置 然后点右上角 接着替换即可！如果自己已
-
vue同路由下不同参数更新页面方法
我们知道，同路由下不同参数，vue会认为是一个页面不会进行刷新！ 那么也就不会执行 created方法！ 下面介绍2种更新方法 1、导航守卫beforeRouteUpdate(2.2 新增) beforeRouteUpdate(to,from,next){
-
vue的axios的封装
vue的axios的封装，我们经常会复用 为什么要封装axios呢？ 以下几点原因： 配置通用项 统一处理请求错误，进行提示 首先我们再src下新建axios文件夹 新建api.js,这个文件就是你的通用js import{fet
-