- 博客(18)
- 收藏
- 关注
原创 关于vant 使用tabs默认选中问题,产品为需求默认不选中,解决方法
于是换了个思路,在tabs绑定的数组的最前面手动插入一条数据,并通过css样式巧妙的隐藏就可以实现了 注意:不能把第一个元素display:none;这个方法会产生另外一个问题,如果页面家在完成后,就点一个,是没有任何反应的,只有点击第二,第三,... 第n 才有反应,然后在点第一个,产生这个原因就是:默认已经选中了第一个,页面加载完成后再点击第一个是不会出发change事件的,所以后续调用接口的时候 就不会触发。tabs的v-model绑定为null就不选中了,但是我测试后 还是默认选中了第一个。
2024-05-28 17:10:07
646
原创 关于vant使用tabs for循环后,不能动态切换的问题处理
通过各种方法尝试,及查看官方文档后,发现 swipe-threshold 这个属性默认的是5 也就是显示五个后才会开启滚动,但是我的字段比较长,第三个就显示不完全了。尝试了半天 从官网copy 代码 显示正常,但是通过接口动态获取数据展示就出先上面的问题。想实现的效果是 当tab 多的时候 可以实现点击 动态滚动到中间的效果。经过多方尝试后 终于发现问题并解决,也非常简单,特此记录,防止踩坑;tabs 通过v-for循环后,实现动态切换。
2024-05-28 16:38:52
268
原创 微信小程序调用wx.openLocation,返回两次问题处理
需求:H5页面点击导航,跳转到小程序的页面然后调用小程序的方法打开地图,并可以进行导航,打开手机上的地图软件。那么问题来了,点击返回的时候,点第一次地图空间消失,来到一个空白页面,然后再次点击返回 才能返回到上一个页面。然后通过下列代码操作竟然完美解决了,点击一次返回按钮直接返回到上一页了,6666。调用小程序的wx.openLocation方法后,成功打开了地图页面。这是小程序页面,通过wx.openLocation 弹出这个地图控件。这是H5页面,点击进入小程序位置信息页面。
2023-12-27 16:55:10
928
1
原创 微信小程序调用人脸 点击返回需要两次问题记录
关键点就在这个回调函数上,看光网参数名有这个回调函数,然后就打印回调数据,经过多次实验后发现真的就在这个回调函数里面,根据参数不同判断是返回还是调用成功,然后再进行后续操作就可以。需求:微信小程序调起人脸检测后,点击返回按钮,第一次点击返回白屏,第二次点击才能正常返回上一个页面,后来经过本人不懈努力,终于完美解决。
2023-12-27 16:44:30
519
1
原创 微信小程序getPhoneNumber在微信开发者工具没返回code
经过一番度娘后,发现解决方案都不符合我当下的问题,因为我前两天开发还正常,今天合并分支后突然就获取不到code了,经过我认真思考最后终于发现问题所在。微信开发者工具详情本地设置:调试及出库:12.12.2。可是在开发者工具以及真机调试,体验版都获取不到code。这两个文件里面配置的版本。
2023-12-05 21:32:23
668
1
原创 判断数组中是否含有某一项
比如:let arr=[{name:'aaa',id:'112233'},{name:'bbb',id:'332266'}]则要使用arr.some((item)=>{item.name=='aaa'}) true。比如:let arr=[ '112','223','001'] 这样的简单数据。直接使用arr.indexOf('111') false。如果是简单的数据结构。如果是复杂的数据结构。
2023-08-17 17:20:29
91
1
原创 element-ui 表单不能输入问题处理
给输入框添加@input事件 强制更新视图 但是问题来了,校验不起作用了,放弃了这个方法。输入密码弹窗,信息输入一半,关闭弹窗,二次打开弹窗后,输入框无法输入内容。首先想到了是 强制更新视图 this.$forceUpdate()最后经过多次尝试,这个方法可以实现 特此记录,防止踩坑。
2023-08-17 10:17:28
357
1
原创 element-ui导航菜单跳转页面后,菜单选中项不对
2.el-menu-item 标签 index绑定值=菜单跳转路由(index="/user")1. el-menu 标签添加属性 :default-active="$route.path"1. 菜单跳转后,页面菜单的选中项与实际不符。2. 当前页面刷新后,菜单选中项与实际不符。
2023-08-03 17:46:36
992
1
原创 项目安装依赖报错“node-sass@7.0.3 postinstall: `node scripts/build.js” 解决方法记录
从git上拉取项目,安装依赖的时候出现了这个错误node-sass@7.0.3 postinstall: `node scripts/build.js。按照常用的方法,删除node_modules文件从新运行npm install 还是报错。2.npm uninstall node-sass 删除node-sass。1.删除node_modules文件。最后解决方案记录下 非常简单。
2023-07-13 15:32:10
2114
1
原创 qrcodejs2 生成二维码报错“Cannot read property ‘appendChild‘ of null”
以为问题解决了,然后又出现新问题,每次点开弹窗,都会生成一个新的二维码,老的二维码还在。解决方案:每次显示弹窗时候,先清楚二维码,然后再重新生成新的二维码。需求:点击按钮“查看二维码” 显示弹窗,并在弹窗中显示二维码。问题描述:显示弹窗后 一直报错,二维码也没有显示。解决方案:setTimeout。以下使用方法及步骤截图。
2023-07-12 11:59:24
334
1
原创 微信小程序开发 获取手机 体验版获取不到code,需打开调试器才行?
小程序开发,获取手机号时候,调用接口需要 code,但是体验版始终获取不到,只有在打开小程序调试器的时候才能获取到code.这么奇葩的问题原因竟然是小程序后台没有配置服务器域名,把相关域名在小程序后台配置下 就可以正常了。点击允许后会调接口,然后进入下一个页面,但是我发现我只有打开调试器时候才能跳转。打开微信小程序后台管理----开发管理----开发设置 活动到底部。经过设置后,体验版就可以正常进入页面了。
2023-04-25 11:42:22
1761
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人