vue
华大哥
擅长多种语言开发前端及后端,喜欢闲余时间敲点code.
展开
-
Syntax Error: Error: Node Sass version x.x.x is incompatible with ^4.0.0.解决办法
Syntax Error: Error: Node Sass version 9.0.0 is incompatible with ^4.0.0.原创 2023-07-03 09:33:00 · 3841 阅读 · 1 评论 -
npm ERR! gyp verb check python checking for Python executable “python2“ in the PATH
npm ERR! gyp verb check python checking for Python executable "python2" in the PATH原创 2023-06-04 12:52:02 · 156 阅读 · 0 评论 -
git切换分支 error: Your local changes to the following files would be overwritten by checkout: 报错解决方法
git切换分支 error: Your local changes to the following files would be overwritten by checkout: 报错解决方法原创 2022-07-10 14:35:54 · 2480 阅读 · 0 评论 -
element ui滑动登录,密码强度提示
我们知道验证码的目的 是为了验证到底是人还是机器。我这里写的只是模仿了样式,并没有进行那些复杂的操作,所以并不安全(不能判断人还是机器),下面看效果:原创 2022-07-10 14:03:30 · 1466 阅读 · 0 评论 -
js根据树结构查找某个节点的下面的所有父节点或者子节点
js根据树结构查找某个节点的下面的所有父节点或者子节点原创 2022-05-29 13:37:35 · 3058 阅读 · 1 评论 -
Vue Element Admin 设置固定头部
在element ui后台tagview 我们希望在body中上下滚动的时候固定下来不动, 就是标签栏和顶部设置栏保持不动原创 2022-01-03 13:02:00 · 1803 阅读 · 1 评论 -
基于ElementUI 登录密码强度和滑动验证码组件
在使用登录验证 的时候,可以使用滑动验证码,本组件是基于ElementUI套件中的Progress 进度条加以改造的,使用正则表达式去实时验证密码的强度,讲真话,效果体验还是不错的。项目中只需要引入该组件集成到自己的项目中即可,方便模块化使用,本文基于 ElementUI admin 登录 疆这2个放在一起使用原创 2021-12-18 15:10:19 · 2387 阅读 · 8 评论 -
vue + iview页面Modal中内嵌Tabs,每次打开的时候Modal时默认选中Tabs的第一项
文档中说激活面板的name用value,页面第一次加载的时候可以,放在modal里就不好使了,每次打开的时候,当前激活的tab总显示上一次离开时的界面。原创 2021-12-02 09:46:06 · 2776 阅读 · 0 评论 -
vue iview UI 隐藏Table组件里的某些列
我们在做Table的时候经常会根据一些条件需要进行隐藏。因此是否可以提供这样一个显示隐藏的属性,能够设置某列是隐藏的呢?原创 2021-11-24 16:51:24 · 2356 阅读 · 0 评论 -
element admin 使用VueTreeselect 树多选
element admin 使用VueTreeselect 树多选原创 2021-11-23 11:18:50 · 10153 阅读 · 0 评论 -
element admin 中动态设置快捷导航(标签栏导航)meta标签和title标签
element admin 中动态设置快捷导航(标签栏导航)meta标签和title标签原创 2021-11-20 10:35:32 · 2729 阅读 · 1 评论 -
vue-element-admin 框架 页面内跳转非左侧菜单,展示标签导航viewTag
vue-element-admin 框架 页面内跳转非左侧菜单栏页面原创 2021-11-17 18:07:20 · 4100 阅读 · 2 评论 -
element ui 使用mock接口测试
一、mock简介mock原是python的第三方库python3以后mock模块已经整合到了unittest测试框架中,不用再单独安装二、mock作用1. 解决依赖问题:当我们测试一个接口或者功能模块的时候,如果这个接口或者功能模块依赖其他接口或其他模块,那么如果所依赖的接口或功能模块未开发完毕,那么我们就可以使用mock模拟被依赖接口,完成目标接口的测试2. 单元测试:如果某个功能未开发完成,我们又要进行测试用例的代码编写,我们也可以先模拟这个功能进行测试3. 模拟复杂业务的接原创 2021-11-14 14:34:59 · 3452 阅读 · 2 评论 -
iView表单使用验证器required空格验证错误
iView表单组件使用async-validator验证器对表单域中数据进行验证,给Form 设置属性 rules,同时给需要验证的 FormItem 设置属性 prop 指向对应字段即可。 完整的验证规则请参照开源项目 async-validator。 验证方法也支持 Promise。当我们对表单中某个string类型的域设置为必填时,我们可以使用如下规则{type: 'string' ,required:true,message:'不能为空'}但是如果我们直接输入空格也会通过验证如何对输原创 2021-09-29 11:55:49 · 1239 阅读 · 0 评论 -
vue 请求spring boot 跨域请求解决方法----不允许有多个 ‘Access-Control-Allow-Origin‘ CORS 头
跨域解决方案有很多种网上都能找到,但是一不小心多个解决方案一起使用了,也会出现问题,浏览器里面出现多个Access-Control-Allow-Origin就得注意下,是不是解决方案用多了,我这个问题出现的原因是:1.代码上用了过滤器解决跨域2.NGINX里面用也配置了Access-Control-Allow-Origin: *如果只选看的话,可以看到浏览器里面出现多个Access-Control-Allow-Origin,所以以上策略选择一种即可以正常访...原创 2021-03-03 15:31:49 · 1266 阅读 · 1 评论 -
iview 使用滑动验证码登录
我们知道验证码的目的 是为了验证到底是人还是机器。我这里写的只是模仿了样式,并没有进行那些复杂的操作,所以并不安全(不能判断人还是机器),下面看效果:一、新建文件login-form.vue,代码如下: 1、模板表单里面加入活动验证码代码:<FormItem prop="rangeStatus"> <div class="jc-component__range" ref="dragcomponent"> .原创 2020-12-30 13:55:49 · 1120 阅读 · 0 评论 -
vue项目打包发布上线方法
vue项目开发完毕后,我们需要将项目打包上线,同时我们希望可以在本地预览生产环境项目。(以下以vue-cli脚手架生成的项目为例)发布服务器1、运行打包命令npm run build运行后生成dist文件夹,将dist文件夹发布在服务器中。我们在nginx中通过代理来访问:首先本地的代码在额米有打包之前:在执行npm run build之后会在本地项目的根目录下面生成一个dist目录:接着我们通过nginx代理来访问,NGINX配置如下:server {...原创 2020-10-09 16:29:56 · 6694 阅读 · 0 评论 -
iview Modal 弹框和table处理
如何控制当点击弹出层关闭按钮,弹出层页面才关闭。禁止点击弹出层的阴影部分关闭弹出层页面效果如何实现啦!Modal属性footer-hide设置为true,隐藏默认的modal底部,使用slot插入自定义的底部按钮,接下来我们来看看这个实现!废话不多说,直接上代码:<Modal title="任务信息" width="980" v-model="modalMsgPlain" @on-ok="modalS...原创 2020-09-25 15:46:36 · 1555 阅读 · 0 评论 -
vue iview upload 组件与laravel 7服务端上传跨域在前端代理解决
最近在做一个项目,在网上看过很多关于upload组件文章,今天我就总结下自己运用upload组件的心得。最有力的说明就是代码了,上代码1.运用iview upload组件上传文件(带token,带参数)<div class="upload-item"> <Upload ref="upload" :before-upload="handleUpload" :max-size="10240" :on-exceeded-size="handleSi.原创 2020-09-25 15:29:59 · 394 阅读 · 0 评论 -
iview 菜单页面浮动可以拖动按钮
iview 菜单页面我们可以做一个浮动层,通过拖放按钮来实现菜单隐藏或者展示。在进入页面的时候菜单式隐藏的:双击按钮菜单展示: 下面我们先来看菜单的处理:菜单使用element ui主键做横向菜单,菜单是三级菜单,服务端通过接口生成,iview 获取路由:<template> <div class="menu-list"> <div v-show="showGroup"> <el-menu :de.原创 2020-08-23 14:56:30 · 1016 阅读 · 0 评论 -
npm安装报错 Refusing to install package with name “iview-table-page“ under a package
错误信息:解决方法检查package.json下的name字段是不是项目名字和你安装的那个包名字相同了,如果一样就会报那个错,把项目名字改成和你安装不冲突的名字原创 2020-08-23 11:58:44 · 198 阅读 · 0 评论