![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue移动端
叶落无痕52
遇见不一样的自己
展开
-
van-image 切换图片闪烁
解决vant-image切换时候的闪烁问题原创 2023-03-10 16:53:26 · 875 阅读 · 0 评论 -
使用FastClick解决ios设备上vant Popover组件点击两次才有响应 的问题
今天在开发项目的时候,遇到了一个很诡异的问题,ios设备上,Popover弹框需要点击两次才可以有响应。经过一波分析之后,我首先将问题定位在了点击穿透上,尝试了几个网上提供的方法之后还是无效,后来我找来了一台安卓手机,访问相同的地址,结果,安卓手机一切正常,所以我便把精力放在了ios连续点击两次才有响应的问题上来了。 之前,我已经解决了ios需要点击两次input才有反应的问题,解决方式我也整理为了一篇文章:解决ios设备点击两次才有响应的问题。 所以我想...原创 2021-07-06 08:43:14 · 2657 阅读 · 0 评论 -
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false
今天,在解决微信内部vue页面拖拽冲突的时候(感谢微信浏览器拖动出现黑色/白色背景、网址问题解决方案提供的方案)使用e.preventDefault();的时候,代码报错: [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. 网上的解决...原创 2021-04-29 15:38:22 · 1573 阅读 · 1 评论 -
解决ios 微信vue点击input标签两次才响应的问题
背景:我们公司H5View项目使用的是VantUI,今天有个需求是做个带有搜索框的页面,按照之前的方式,引入van-search标签,开心的我以为已经搞定了。但是测试在测的过程中,发现在安卓设备上使用正常,ios设备上,input标签很难点击,焦点很难定位到输入框。 经过在网上的搜寻,主要的解决方案有以下几种: 1.input的z-index设置成1000,提高其层级 2.检查样式中的设置是否有 { -webkit-touch-callout: none;...原创 2021-04-29 14:38:36 · 2565 阅读 · 1 评论 -
vue使用配置文件读取基地址
随着项目的推进,vue的项目最近也是有我进行负责。但是遇到了一个问题,就是各个客户有自己的环境,所以需要频繁修改baseURL(基地址),造成不需要的时间投入。所以这边可以使用配置文件的形式,进行基地址等配置操作。 这里,首先需要创建config.js,注意,文件需要最好放在static目录下,这样配置文件回味与打出来的dist包的最外层,方便二次配置操作。 其次,编辑内容:window.appConfig = { baseURL: 'http://www.baidu.com....原创 2020-07-22 10:56:26 · 3054 阅读 · 2 评论 -
van-popup左右弹出的正确方式
不得不说,vantUI在我们构建vue移动端的时候,由于其丰富的组件,极大地方便了我们的开发,提高了我们的工作效率。但是部分组件使用说明不是太清晰,这里使用“van-popup左右弹出”对话框,官方只有寥寥一句。 经过尝试,我摸索出了左右弹框的正确方式,如下所示:<van-popup v-model="showLeftPop" position="left" :style="{ height: '100%' ,width:'30%'}" /> 在设置width的同时...原创 2020-05-21 11:14:14 · 4527 阅读 · 2 评论 -
VantUI TypeError: Cannot set property 'zIndex' of undefined解决
昨晚在家写代码,运行编译都很正常,但是早上到公司,拉取代码之后,npm run dev 始终在报错: vantUI TypeError: Cannot set property 'zIndex' of undefined 折腾了半天,百度也没有什么方式解决。根据提示,在代码中新增了z-index,还是没有用处。回想昨晚也没有修改什么,不应该会导致问题。所以一直把关注的重点放在vat...原创 2020-05-09 13:02:07 · 2212 阅读 · 0 评论