Vue
ERIOCH
一直在学习
展开
-
用vuejs实现滑动解锁功能(简单版
用vue实现滑动解锁功能功能说明滑块从左滑动到右,即可解锁功能拆解(8-10条目前还没写,不过不影响使用功能,等我不懒的时候补吧~页面布局开发 ✅锁定滑块dom ✅监听滑块鼠标点击事件(即滑动开始 ✅监听滑块鼠标松开事件(即滑动结束 ✅滑块鼠标点击和松开事件中的滑动距离 ✅根据滑动距离修改滑块所在的位置 ✅监听鼠标动作 做到实时修改滑块位置 让动作看起来更连贯 ✅对滑块滑动的样式增加动画效果规定滑块滑动区域 限制规定区域内允许滑动,超过区域则滑块恢复原位滑动成功解锁功能动画特效原创 2021-12-03 15:54:36 · 1590 阅读 · 0 评论 -
antd的a-affix切换标签页样式错位问题解决
问题描述我们在满足需要操作吸顶的需求,通常会用到a-affix。这个antd组件可以很方便的满足我们的需求。只要在需要吸顶的部分使用这个组件,并指定容器(详见antd文档=>api=>target)就可以正常使用。但是组件有点小bug,这个bug还蛮容易复现的。我们在切换页面时,会发现affix组件溢出了原容器。官方对此的回答:发现问题解决方案这个时候可以发现,当页面开始滚动,则溢出的部分就会恢复正常解决问题代码结合上面的想法,我们在页面active的时候,把容器滚动1原创 2021-11-12 17:08:51 · 1565 阅读 · 0 评论 -
ES6常用的判断对象不为空的办法
ES6判断对象是不空的办法let data ={};if(JSON.stringify(data)=="{}"){ //data不为空}let data={}if(Object.keys(data).length>0){ //data不为空}如果直接用if({})来判断,是无效的.因为if({})是true原创 2021-08-27 18:39:54 · 1848 阅读 · 0 评论 -
Vue 跨域请求报错No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
坑是一个一个踩出来的。。。报错如下:Access to XMLHttpRequest at 'http://apps.eshimin.com/traffic/gjc/getArriveBase?name=***&lineid=***&direction=1&stopid=12' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin原创 2021-01-06 17:31:53 · 1932 阅读 · 0 评论 -
vue项目js引入图片显示不出
错误代码:把引入路径改为:require('../../assets/img/2.jpg') 即可。原因:vue以为这是一串字符串,而不是图片路径。多踩坑才会成长呀~原创 2021-01-05 16:00:58 · 714 阅读 · 0 评论 -
Vue项目启动报错 !!vue-style-loader!css-loader?{“sourceMap“:true}!
今天新加了几个页面,初始化页面的时候,用了vbase命令,引入了router之后,项目启动报错,如下:ERROR Failed to compile with 4 errors ...原创 2021-01-04 15:56:53 · 4880 阅读 · 0 评论 -
Vue 项目启动报错:http://eslint.org/docs/rules/no-unused-vars
Vue项目启动时报:✘ http://eslint.org/docs/rules/no-unused-vars 'vm' is assigned a value but never used src\navigation\nav.vue:13:5解决办法:将项目中/config/index.js的useEslint:true,改为useEslint: false,重启即可。...原创 2021-01-04 15:23:23 · 2589 阅读 · 1 评论