vue
一只鹿喵
这个作者很懒,什么都没留下…
展开
-
安卓中键盘弹起,input输入框被键盘遮挡
问题:安卓手机点击输入框,键盘弹起挡住输入框,看不到输入内容解决方案:主要是监听页面高度变化,并将input框滚动到视口内// 记录原有的视口高度const originalHeight = document.body.clientHeight || document.documentElement.clientHeight;window.onresize = function(){ var resizeHeight = document.documentElement.clientHei.原创 2020-07-13 11:12:21 · 1460 阅读 · 0 评论 -
vue(input频繁搜索) 防抖、取消防抖
前言需求:ui框架用的iview,需求是tree组件增加可筛选功能,enter键和input输入都可搜索。问题:如果用户快速输入值,就会持续触发筛选功能,用户体验受到影响,如果是发送请求甚至加大服务器的压力enter键和input输入都可搜索,会调用两次方法通过防抖优化性能:<Input prefix="ios-search" v-model.trim="searchVal" placeholder="请输入机构名称" style="width: auto" @on-change="原创 2020-05-21 17:10:18 · 6197 阅读 · 2 评论 -
Vue相关知识
响应式数据原理1.Object.definePropoty2.vue初始化数据时,会对data中的属性进行观测,通过Object.property来劫持各个属性的getter、setter,会进行依赖收集, 在数据变动时会通知相应的依赖进行通知更新操作。数组如何检测变化1.重写了数组方法,对数组进行了原型链重写2.对数组的每一项进项观测(是对象也会进行更新)vue源码 src/comp...原创 2020-05-05 18:17:46 · 167 阅读 · 0 评论