VUE
掺乎君
这个作者很懒,什么都没留下…
展开
-
解决vue (ios系统内嵌H5) 返回上一页白屏
问题描述:进入A页面——>B页面——>ios自带的返回——>白屏出现——>手动点击白屏处——>问题解决;在vue的issues里面找到了同样的bug 【应该是ios 的锅】vue-issues原因:经过排查,发现在ios 机器上使用webview 开发Vue项目时候,go history (-1),无法将body 的高度拉掉,使得遮住,触发轻点击,方可消除该遮罩解决方法:在ajax返回数据后 加入以下代码:this.$nextTick(() => {原创 2020-11-19 11:13:34 · 2774 阅读 · 1 评论 -
解决vue (ios系统)键盘收起后-页面不回弹
解决vue (ios系统)键盘收起后-页面不回弹<input placeholder="请输入金额" v-model="number" @blur="handleScroll"/>handleScroll() { let scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0 window.scrollTo(0, Math.max(scrollHeight - 1, 0)原创 2020-11-17 11:20:23 · 816 阅读 · 0 评论 -
vue页面有弹层,禁止页面滚动
vue页面有弹层,禁止页面滚动data() { return { popupVisible: false},watch: { // 监听data中弹层状态 popupVisible(val) { if (val) { document.body.style.overflow = 'hidden' document.addEventListener('touchmove', function (e) { e.preventDefault()原创 2020-11-10 11:26:47 · 167 阅读 · 0 评论 -
vue实现H5页面滑动至指定位置
在Vue中,有三种方式可以实现H5页面滑动至指定位置方法1://先获取目标位置距离mounted() { this.$nextTick(() => { setTimeout(() => { let targetbox= document.getElementById('targetbox'); this.target= targetbox.offsetTop; }) })}//再滑动指定距离document.bo原创 2020-11-10 11:25:02 · 1807 阅读 · 1 评论