vantUI
叶落无痕52
遇见不一样的自己
展开
-
[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 · 1664 阅读 · 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 · 2618 阅读 · 1 评论 -
VantUI DatetimePicker 时间选择使用过程中无法赋值时间
背景介绍:我们公司的H5View项目使用的是VantUI,而恰好VantUI中提供了DatetimePicker 时间选择,但在使用过程中遇到了一些问题,现在记录如下: 我们写了一个类似于12306的时间控件,要求点击时间的时候,弹出图2的DatetimePicker 控件,同时支持点击“上个月”,“下个月”进行切换,但是,直接使用时间选择控件完全没有问题,点击上一月下一月之后,改变了选择的月份,就会导致,时间选择控件没法定位到已经达到的月份。上月下月使用的是Date对象中month+1或者-1的...原创 2021-04-28 14:24:32 · 1582 阅读 · 0 评论 -
vue使用配置文件读取基地址
随着项目的推进,vue的项目最近也是有我进行负责。但是遇到了一个问题,就是各个客户有自己的环境,所以需要频繁修改baseURL(基地址),造成不需要的时间投入。所以这边可以使用配置文件的形式,进行基地址等配置操作。 这里,首先需要创建config.js,注意,文件需要最好放在static目录下,这样配置文件回味与打出来的dist包的最外层,方便二次配置操作。 其次,编辑内容:window.appConfig = { baseURL: 'http://www.baidu.com....原创 2020-07-22 10:56:26 · 3112 阅读 · 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 · 4579 阅读 · 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 · 2243 阅读 · 0 评论