- 博客(11)
- 收藏
- 关注
RSS订阅原创 input输入框限制小数点后最多输入两位
用到了正则表达式<input type="text" [(ngModel)]="number"onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" />此处使用了onkeyup事件，当键盘抬起时触发，事件里面是一个正则表...
2020-03-10 16:46:49
3606
原创 beforeRouteLeave路由守卫，退出页面时弹窗提示
最近做了一个需求，退出页面时提示退出确认弹窗，用到了VUE的beforeRouteLeave实现步骤这里用到了vant组件库的Dialog弹窗需要注意的是，我在这里定义了一个backConfirm布尔值，默认为true，是因为考虑到如果这个页面有提交按钮，在提交成功后，会进行页面跳转，为了防止在这时出现退出确认弹窗，我们只需要在提交成功后，把backConfirm赋值为false即可。...
2020-03-06 15:08:20
4695
6
原创 parseInt解析Number数字类型时出错
做到了一个下拉框的选择，用户在使用的使用，可以选择驾龄的年数和月数，但是在数据库只存月数，所以需要前端进行一个转换。在做编辑的时候，接口返回的字段是月，所以需要先把月转换成年来在页面展示，刚开始的时候用到了 parseInt，this.year=parseInt(this.month/12);但是会出现这样的错误提示这是因为parseInt只能解析字符串解决方案换成Math.f...
2020-03-06 14:47:34
468
原创 移动端键盘顶起fixed定位
最近在移动端遇到的问题，当输入框获取焦点弹出键盘时，fixed定位会被输入框顶起解决办法首先在data定义高度data(){ return{ docmHeight: document.documentElement.clientHeight, //默认屏幕高度 showHeight: document.documentElement.clientHeight, //实...
2020-01-17 14:36:39
357
原创 js数组，对象，JSON的相互转换
数组转JSONvar arr = [1,2,3];var json = JSON.stringify( arr );JSON转数组var json = '[{"key":1}]';var arr=JSON.parse( json );对象转JSONvar obj= {name:"milk",price:5}; var json = JSON.stringify(obj); ...
2020-01-17 14:12:04
93
原创 自定义/修改微信二维码样式
在写项目的时候遇到的一个需求，登录和注册都可以通过扫描微信的二维码来实现，但是在做的时候发现微信有一些它自带的样式，并且无法通过CSS直接修改。通过查微信的开发者文档发现是支持修改的 wxHandle () { var obj = new WxLogin({ id: "", appid: , scope: "", re...
2020-01-14 17:54:58
1839
1
原创 vant的ImagePreview图片预览不关闭
当图片预览放大的时候，点击返回键返回路由，发现图片未关闭解决方法在通过函数调用 ImagePreview 时，传入closeOnPopstate为 true 即可 show() { ImagePreview({ closeOnPopstate: true }); },...
2020-01-13 15:42:35
4572
3
原创 将输入值为非数字的字符替换为空
之前做过一个需求，要求只能在input框内输入整数，于是在input框使用 <input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" [(ngModel)]="price" />此处使用了onkeyup事件，当键盘抬起时触发，事件里面是一个正则表达式，当你输入非数字的字符串时，在你抬起键盘的那一刻，此...
2020-01-13 15:31:01
2679
原创 自定义Input中的placeholder颜色
实现代码如下//https://blog.csdn.net/zeyu1021/article/details/44563393#input::-webkit-input-placeholder { /* 适用于谷歌 */ color: red;}input:-moz-placeholder { /* 适用于火狐 4 to 18 */ color:red;}input:...
2020-01-09 16:05:57
160
1
原创 实现图片的放大、缩小、旋转、播放
PC端实现图片的放大、缩小、旋转、播放先上效果图先上效果图如图所示，实现了图片的放大、缩小和切换轮播，使用起来也是非常方便。此功能通过view.js实现viewer.js GitHub地址：https://github.com/fengyuanchen/viewerjshttps://github.com/fengyuanchen/viewer此插件在angular 和 vue中都可...
2020-01-09 14:46:48
400
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人