- 博客(8)
- 收藏
- 关注
RSS订阅
原创 工具类
格式化数字千分位 format(num) { var reg = /\d{1,3}(?=(\d{3})+$)/g return (num + '').replace(reg, '$&,') },限制输入框只能输入数字 oninput="value=value.replace(/[^0-9]/g,'')"...
2019-10-14 10:21:46
109
原创 Vue项目中稳健的获取dom元素
1、获取Element的弹框中的Dom元素 **由于弹框由v-if控制，在初始页面渲染的时候，并不存在该Dom元素，所以在mounted中，获取不到该弹框的Dom元素，无法添加原生时间，如下拉加载** 下面提供稳健的获取弹框Dom元素的方法， 首先，由于弹框是由v-if判断，则可以在watch中监听v-if所对应的变量，在为true时，则弹框打开，此时去获取DOM元素，发现仍然获取不到。。。...
2019-10-09 09:52:30
1176
原创 Vue表格组件复用
复用的原则，将DOM的操作交给开发者，比如表头和表体，而封装只是将，样式和一些通用的方法进行封装。目前想法是通过插槽进行实现，表格外框的内容是固定的，但是表头和表体是通过插槽引入的。相当于表格只是一个空壳子。这样就可以在样式上面少改很多代码，但是需要注意如果有操作项的时候，目前需要注意是否要父子之间传值等一系列操作。最近的抓娃娃机项目也可以有同样的实现，弹窗的壳子相同，但是可以传入不同的内容，...
2019-10-25 10:39:01
964
原创 对Vue一些方法的理解
Vue.filter场景:时间戳转化成年月日这是一个公共方法,所以可以抽离成过滤器使用并且可以在HTML标签中使用，这就可以在v-for中使用// 使用// 在双花括号中{{ message | capitalize }}// 在 `v-bind` 中<div v-bind:id="rawId | formatId"></div>// 全局注册Vue....
2019-10-17 10:03:22
122
原创 Vue路由传参及传参后刷新导致参数消失处理
在刷新后，使路由传递的参仍然存在 this.$router.push({ name: 'test2', query: { id: '1' }})获取参数 this.$route.query.id原理是通过在路径上面绑定参数传递。
2019-10-16 18:21:20
382
原创 Vue路由升级导致的错误
Uncaught (in promise)解决方法一：在调用方法的时候用catch捕获异常this.$router.replace({ name: 'foo' }).catch(err => { console.log('all good')})方法二： 对Router原型链上的push、replace方法进行重写，这样就不用每次调用方法都要加上catch。这个方法是vue-...
2019-10-16 16:47:29
421
1
原创 自定义背景的进度条
在一个需要用到进度条的场景下，且背景是图片，可以利用裁剪功能来进行完成下面提供思路关键点在于rect（0px, params + ‘px’, 0px, 0px） 中的params位置不能写死，需要配合JS，或者Vue中的模板表达式来进行设置，提供后一种实现代码 <img src="./" :style="{ clip: rect(0px, ((currentNumber/tota...
2019-10-14 15:26:38
397
原创 Loadsh中的防抖
前提条件 **在给Vue中添加原生滚动条事件的时候出现了,出现了使用鼠标滚轮滑动时，再容器底部会抖出一部分距离** *在这一小部分距离即会，连续触发两次下拉加载函数*  此时，需要防抖限制一下， 在网上翻阅很多博客后，发现都是复制粘贴，并不好用，而loadsh提...
2019-10-12 11:24:28
1468
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人