- 博客(18)
- 收藏
- 关注
RSS订阅原创 element的密码框实现睁眼闭眼效果
element的密码框是一个眼睛，切换时图标没任何效果，测试给提了个bug,要改成睁眼闭眼的，我。。。。而且翻了翻源码，input密码框状态改图片似乎不大好实现参考了下帖子，突然发现我居然陷入了思维定式，完全可以不用show-password,自己处理这个普通的input框 <el-form-item label="确认新密码" label-width="100px" prop="confirm_new_pwd"> <el-input :type="confirmNewS.
2021-10-14 19:35:39
6469
2
原创 element 各种表单验证
最近做登录注册的需求，需要各种花样的验证，以前的验证只需要官网文档的校验方式即可，触发场景一般为点按钮时校验有prop属性的表单项数据现有如下校验场景：这个校验有三种：1.点击获取验证码时校验 手机号+验证码2.点击确定时校验 手机号+短信验证码3.接口后校验，点击确定后，校验格式都通过，但是验证码值错误，接口返回错误码msg,在短信验证码下提示错误如下图所示：部分校验前两种场景需要校验两个字段，属于部分校验，文档见下方，但是经实践，文档中部分校验的方法只适用于一个字段的校验，多个.
2021-10-14 18:52:03
416
原创 vue滚动条样式css
scss中的写法，写在外层盒子容器的样式下面 &::-webkit-scrollbar { //滚动条样式 width: 8px; height: 10px; } &::-webkit-scrollbar-thumb { //滚动条滑块 border-radius: 5px; // background-color: rgb(85, 136, 184); background-color: #a7a3a37a; } &
2021-07-07 18:41:36
329
原创 节流防抖
节流–throttle,隔一段时间触发一次用定时器实现节流，由于定时器的延迟性，最后可能还执行一次 function throttle1(fn, delay) { let timer = null return function () { let args = arguments let context = this if (!timer) { timer = setTimeout((.
2021-05-13 10:11:17
160
原创 swiper cant find property speed of undefined
computed: { swiper() { return this.$refs.mySwiper.$swiper }, }在pre,next按钮上添加方法，调用this.swiper.slideNext()报错因为在swiper组件上添加了v-else,组件会不停地展示，销毁；但是因为computed的缓存特性，导致组件重新展示后没有去返回新的状态，使用的destroyed的旧对象，所以后面点击pre,next去调用swip
2020-12-25 17:32:50
520
1
原创 vscode vue设置html超过一定长度换行
标签中加了太多属性，非常不方便查看，查了很多帖子，没有一个是想要的结果（都是copy的赶脚），想要达到的效果是：不超过多长，保持原样，超过的格式化，用的是js-beautify-html格式化的html, 查看了文档，设置如下：//贴个代码给需要的方便copy "js-beautify-html": { "wrap_attributes": "auto", "wrap_line_length": 120 //超过120的部分换行，自己试试吧多长效果.
2020-12-17 11:29:54
5718
原创 element resetFields()无效，不起作用
历史遗留bug最难搞调用element的resetFields清除form表单数据，有两个输入框就是清不掉long times later, 发现这两个没有加prop属性哎，好low啊这bug一天天的，不知道有没有人跟我烦一样的错，特意贴出来给你们个提醒...
2020-12-16 12:42:21
1270
原创 vscode格式化后数组内一个项目一行
格式化时碰到这种问题： let data = [ 40, 50, 100, 150, 180, 250, 200, 100, 120, 130, 80,
2020-09-25 15:05:00
2021
原创 echarts的symbol使用本地图片
let symbolImg = 'image://'+ require('@/assets/bigscreen-img/map-logo.png') //或者import引入在拼接也行有几点想说的：symbol使用回调函数会报错，这个坑目前还没改。使用本地图片，拼接完成在放到symbol上，要不然放到symbol上在拼接，不好使。也可以使用base64的方式引入，但是我试过10k的图片手动转成base64变成了18k,体积变大了，就没必要了...
2020-09-23 12:24:28
7373
1
原创 router-link嵌套a标签实现跳转新页面
点击router-link 跳转并开启新页面官方文档:< router-link> 不支持 target="_blank"，如果你想打开一个新标签页，你必须用 a标签。正确写法:<router-link tag="li" to="/about"> <a target="_blank">About< /a></router-link>//a标签将会成为真正的链接,并获取到正确的跳转,但激活的类会应用在外部的li上面< r
2020-07-22 09:44:28
2274
原创 字符串截取的方法总结
前言:经常用的这些截取方法,记了忘,忘了记,在此记录一下,以便不时之需;1.字符串截取substring(),slice(),方法可从已有的数组中返回选定的元素,也可用于字符串substr()(ECMAscript未进行标准化,不建议使用),以上三种都接受一个到两个参数;substring(start, stop), slice(start,stop) 两个方法参数均为开始下标与结束下标,方法均用于提取字符串中介于两个指定下标之间的字符。但是substring两个参数均为非负整数,slic
2020-06-27 21:58:40
971
原创 为对象添加新属性后dom不更新
问题：赋值后页面上下拉list（即config里的属性）无值（这个dom不更新的问题我看了文档5678遍了，每次遇到都会纠结一番，特此记录一下，纪录一遍就觉得超级简单问题，不记录就是一团乱呼呼的） data() { return { config: {} } }, methods...
2020-03-04 16:38:50
483
原创 package-lock.json有什么作用
先来看下package.json文件里的各种版本符号version必须匹配某个版本^version//^此符号表示向后兼容新版本，会把当前库的版本更新到第一位数(不是0的第一位)的最新版本；//如第一个，会更新到4.X.X,也就是>=4.1.4 < 5.0.0;"webpack-merge": "^4.1.4", //>=4.1.4 < 5.0.0"she...
2019-12-25 15:58:33
5350
原创 tabindex,role属性
组件经常有这样的属性，tabindex，role是个啥嘛？tabIndex属性:元素的tab键控制次序，会将tabIndex在1-32767之间的控件加入到tab键序列中，点击tab键，会根据值的大小依次选中元素。tabindex为0时，将排列在tabindex控件之后选中（先把大于0的选完在选0的）。若有多个为0的值，则根据在代码中元素的排序依次选中。若大于0的tabIndex值有重复的...
2019-12-18 11:05:52
868
原创 window.getComputedStyle()
window.getComputedStyle()window.getComputedstyle()方法返回一个对象，该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有CSS属性的值，即返回一个包含所有最终css属性值的对象；element.style也是获取元素css属性的，但是它只读取内联样式，即写在元素style属性上的样式；getComputedStyle则读取...
2019-08-02 11:40:29
1340
原创 分支改错了，如何复制到另外一个分支
分支改错了，如何复制到另外一个分支开发分支的代码改完，要合并到测试分支去测试，但是开发过程中，忘记切到开发分支了，在测试分支修改了代码，还改了不少；看网上的方法说是要合并之类的，我觉得好麻烦，因为这两个分支代码除了此次修改，其他是一样的，（我还没试过代码不同的能不能用这个方法，有空试一下），我直接在测试分支使用了git stash,把修改存了起来，又切到开发分支git stash apply就把...
2019-06-18 19:08:21
870
原创 模拟鼠标点击事件
用click()模拟鼠标点击事件 <div> <button type="button" class="btn" @click="uploadFile">上传文件</button> <input type="file" ref="inputs" style="display: none" @change="upload">...
2019-06-12 23:46:54
1346
原创 gitignore文件不生效
gitignore文件不生效gitignore文件里面明明写好了.idea文件的忽略规则，理论上不会提交，但是每次改完代码要提交之前查看status,都会提示.idea里的某个文件有改动，需要提交，这就很烦心了，搜了下其他人的博客，解决方法如下：原因.gitignore只能忽略之前没有被staged(缓存)的文件，如果已经staged纳入了版本管理中，在修改.gitignore是无效的，...
2019-05-31 11:07:38
1852
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人